*{box-sizing:border-box;margin:0;padding:0}body{color:#ccc;background:#0a0a0a;justify-content:center;align-items:center;height:100vh;font-family:monospace;display:flex;overflow:hidden}#webgpu-canvas{width:min(100vw - 450px,100vh);height:min(100vw - 450px,100vh);image-rendering:pixelated;flex-shrink:1;display:block}#debug-overlay{color:#0f0;pointer-events:none;z-index:100;white-space:pre;background:#000000d9;border:1px solid #2a2a2a;padding:8px 12px;font-size:11px;line-height:2;position:fixed;bottom:12px;left:12px}.dbg-hint{color:#444}#status{opacity:.5;font-size:12px;position:absolute;top:12px;left:12px}#status.error{color:#f66;opacity:1}#controls-panel{background:#111;border-left:1px solid #222;flex-direction:column;flex-shrink:0;gap:4px;width:450px;height:100vh;padding:16px 12px;display:flex;overflow-y:auto}.preset-row{border-bottom:1px solid #222;flex-wrap:wrap;gap:6px;padding-bottom:10px;display:flex}.preset-row button{color:#ccc;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:3px;flex:auto;padding:5px 8px;font-family:monospace;font-size:11px}.preset-row button:hover{color:#000;background:#e07030;border-color:#e07030}.slider-row{flex-direction:column;gap:4px;display:flex}.adapt-section{border-top:1px solid #222;flex-direction:column;gap:4px;padding-top:10px;display:flex}.adapt-header{flex-direction:row;align-items:center;gap:8px}.adapt-header label{flex:1}.adapt-header input[type=checkbox]{accent-color:var(--slider-color,#e07030);cursor:pointer;width:14px;height:14px}.adapt-section input[type=range]:disabled{opacity:.3;cursor:default}.slider-row label{color:var(--slider-color,#888);letter-spacing:.03em;opacity:.75;font-size:11px}.slider-row input[type=range]{width:100%;accent-color:var(--slider-color,#e07030);cursor:pointer}.slider-value{color:var(--slider-color,#e07030);text-align:right;font-size:11px}.eq-kernel-header{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.kernel-toggle-btn{color:#555;cursor:pointer;letter-spacing:.04em;background:#1a1a1a;border:1px solid #333;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:9px;transition:background .1s,color .1s,border-color .1s}.kernel-toggle-btn:hover{color:#999;border-color:#555}.kernel-toggle-btn.active{color:#f7c948;background:#f7c94820;border-color:#f7c948}.kernel-canvas-wrap{background:#0d0d0d;border:1px solid #1e1e1e;border-radius:3px;width:100%;overflow:hidden}.kernel-canvas{width:100%;height:auto;display:block}.eq-panel{border-bottom:1px solid #222;flex-direction:column;gap:3px;padding-bottom:8px;display:flex}.eq-title{letter-spacing:.08em;color:#555;text-transform:uppercase;margin-bottom:1px;font-size:10px}.eq-line{flex-direction:column;gap:4px;display:flex;position:relative}.eq-line--sub{padding-left:0}.eq-expr{flex-wrap:wrap;align-items:baseline;gap:0;font-size:12px;line-height:1.4;display:flex}.eq-op{color:#555;white-space:pre}.eq-term{cursor:default;border-bottom:1px dashed #0000;border-radius:3px;padding:0 2px;transition:background .1s,border-color .1s}.eq-term:hover{background:#ffffff0f;border-bottom-color:currentColor}.eq-tooltip{visibility:hidden;z-index:200;color:#aaa;pointer-events:none;background:#1a1a1a;border:1px solid #333;border-radius:3px;width:220px;padding:5px 7px;font-size:10px;line-height:1.4;position:absolute;top:calc(100% + 4px);left:0}.eq-tooltip--visible{visibility:visible}.eq-hint{color:#383838;letter-spacing:.05em;margin-top:1px;font-size:9px}