.debug-console-open{width:100%;margin:4px 0 18px;text-align:left;padding:12px 15px;background:#3b5149;color:#eee2bd;border-color:#85966d;font-size:13px}
.debug-console{position:fixed;inset:0;margin:auto;width:min(780px,calc(100vw - 24px));height:min(680px,calc(100dvh - 32px));max-width:none;max-height:none;padding:24px;background:#d3c7a6;color:#334b3c;overflow:hidden}
.debug-console[open]{display:flex;flex-direction:column;gap:14px}.debug-console:not([open]){display:none}.debug-console .modal-heading{flex:none;align-items:center;gap:15px}.debug-console h2{margin:4px 0 0;color:#334b3c;font-size:27px}.debug-console .eyebrow{color:#69734f}.debug-console .modal-heading button{color:#e9dfbc;background:#3b5149;border-color:#85966d}
.debug-output{min-height:100px;flex:1;overflow:auto;padding:16px;background:#192c2e;color:#d1d6bf;border:1px solid #687d67;scrollbar-color:#829071 #213738;font:12px/1.7 Consolas,monospace}
.debug-entry{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 13px}.debug-entry:last-child{margin-bottom:0}.debug-entry.command{color:#e2bc7c;margin-bottom:5px}.debug-entry.error{color:#f3b199}
.debug-examples{display:flex;flex-wrap:wrap;gap:7px;flex:none}.debug-examples button{font:11px Consolas,monospace;padding:7px 9px;background:#e8daba;color:#3d583c;border:1px solid #a89971}.debug-examples button:hover{background:#f0e5c6}
.debug-form{margin:0;flex:none}.debug-form label{font-size:11px;display:block;margin-bottom:6px;color:#536248}.debug-command-row{display:flex;gap:8px}.debug-command-row input{flex:1;min-width:0;width:100%;background:#f1e6c7;color:#2b4438;border:1px solid #8d9871;padding:11px;font:13px Consolas,monospace}.debug-command-row input:focus{outline:2px solid #6f8150;outline-offset:1px}.debug-command-row .primary{width:auto;min-width:100px;margin:0;padding:10px 14px;font-size:12px}.debug-shortcuts{font-size:10px;color:#68734e;flex:none}
@media(max-width:800px){.debug-console{padding:15px;gap:10px}.debug-console h2{font-size:23px}.debug-output{font-size:11px;padding:11px}.debug-command-row input{font-size:12px}.debug-command-row .primary{min-width:80px;padding:9px}.debug-examples button{font-size:10px;padding:6px}}
@media(max-height:550px){.debug-console{padding:12px;gap:8px}.debug-examples,.debug-shortcuts{display:none}.debug-console h2{font-size:21px}.debug-output{min-height:60px}}