:root{--bg: #0f1115;--panel: #1a1d24;--panel-2: #22262f;--border: #2e3340;--text: #e8eaed;--muted: #9aa0a6;--accent: #4f8cff;--accent-2: #7c5cff;--good: #3dd68c;--radius: 10px}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:14px;line-height:1.4;overflow-x:hidden}.container-fluid{padding:0}.row{margin:0;display:flex;min-height:100vh}.sidebar{position:relative;width:300px;min-width:260px;height:100vh;overflow-y:auto;background:var(--panel);padding:16px;border-right:1px solid var(--border);flex-shrink:0}.sidebar h5{margin:0 0 12px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:600}#ctrls>div{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:12px}#ctrls>div>div:first-child{font-weight:600;font-size:13px;margin-bottom:8px;color:var(--text)}#ctrls audio,#ctrls video{max-width:100%;height:auto;border-radius:6px;margin-bottom:8px}#ctrls select,#ctrls input[type=file]{width:100%;background:#0f1115;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px}#ctrls input[type=range]{width:100%;accent-color:var(--accent)}#ctrls button,button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer;margin-right:6px;margin-top:4px}#ctrls button:hover,button:hover{background:#2a2f3a;border-color:var(--accent)}.file-row{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.file-row label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}main{flex:1;padding:20px 24px;overflow-x:auto;min-width:0;background:var(--bg)}main h4{margin:0 0 16px;font-size:18px;font-weight:600}#chart{width:100%!important;max-width:100%;height:240px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;position:relative;overflow:hidden}#eq_update_form{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px;overflow-x:auto;margin-bottom:16px}#eq_update_form table{width:100%;border-collapse:collapse;font-size:12px}#eq_update_form th,#eq_update_form td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}#eq_update_form th{color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.03em}#eq_update_form input[type=range]{width:90px;accent-color:var(--accent)}#eq_update_form select{background:#0f1115;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:2px 4px;font-size:12px}.footer{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-top:8px}.footer button{background:var(--accent);color:#fff;border:none;font-weight:500}.footer button:hover{background:#3a7ae0}.simple-console{position:fixed;bottom:16px;right:16px;width:260px;max-height:180px;overflow-y:auto;background:#0f1115eb;color:var(--text);font-size:11px;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--border);z-index:100}@media (max-width: 900px){.row{flex-direction:column}.sidebar{width:100%;height:auto;max-height:45vh;border-right:none;border-bottom:1px solid var(--border)}main{padding:12px}}.simple-console{display:flex;flex:1;flex-direction:column;font-family:sans-serif}.simple-console-output{overflow:auto}.simple-console-output,.simple-console-input-wrapper{flex:0;flex-basis:auto}.simple-console-input-wrapper{display:flex;flex-shrink:0}.simple-console-input{flex:1;font:inherit;line-height:normal!important;height:1em;color:inherit;background:transparent;border:0;box-shadow:0 1px 0 transparent}.simple-console-input:focus{outline:0;box-shadow:0 1px #0003}.simple-console-input-wrapper button{margin-left:.2rem;background:transparent;color:inherit;border:0;padding:0;font-size:1em;cursor:pointer;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.simple-console-input-wrapper button svg{width:1em;height:1em;pointer-events:none}.simple-console-input-wrapper button{outline:0}.simple-console-input-wrapper button:hover,.simple-console-input-wrapper button:focus{color:#4078c0}.dark .simple-console-input-wrapper button:hover,.dark .simple-console-input-wrapper button:focus{color:#007cff}.simple-console-input-wrapper button:active{opacity:.8}.simple-console-input-wrapper .popup-menu{position:absolute;right:0;margin:1.5em .5em .5em;border:1px solid rgba(128,128,128,.5);border-radius:.2em;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:default}@media (max-width: 52em){.simple-console-input-wrapper .popup-menu{min-width:0;left:0}}.popup-menu[aria-hidden=true]{display:none}.popup-menu .menu-item:first-child{border-top-left-radius:.2em;border-top-right-radius:.2em}.popup-menu .menu-item:last-child{border-bottom-left-radius:.2em;border-bottom-right-radius:.2em}.menu-divider{border:0;border-bottom:1px solid rgba(128,128,128,.5);margin:.3em 0}.popup-menu .menu-item{padding:.25rem .5rem}.popup-menu .menu-item:hover{background:#8080801a}.popup-menu .menu-item:focus,.popup-menu .menu-item:active{background:#4078c0;color:#fff;outline:0}.simple-console-input-wrapper,.entry{padding:.25rem .5rem .25rem 1rem;position:relative}.input-chevron{position:absolute;left:0;top:0;bottom:0;width:1rem;display:flex;align-items:center;justify-content:center}.entry.input{color:gray}.error{color:#a00;background:#fff5f5}.dark .error{color:#a00;background:#ff000026}.warning{color:#8a6300;background:#ffe6003d}.dark .warning{color:#ffdc46;background:#ffab0033}.info{color:#005994;background:#0088ff2b}.dark .info{color:#629bc1;background:#0088ff2b}.success{color:#4d9400;background:#60e25a2b}.dark .success{color:#8ad43a;background:#0bff002b}.light,.light .popup-menu{background:#fff;color:#000}.dark,.dark .popup-menu{background:#000;color:#fff}.dark .simple-console-input:focus{box-shadow:0 1px #fff3}.dark ::-webkit-input-placeholder{color:#555}.dark :-moz-placeholder{color:#555}.dark ::-moz-placeholder{color:#555}.dark :-ms-input-placeholder{color:#555}