.wave-lab-root{--bg:#0b0f14;--panel:#0e141b;--panel-2:#10171f;--hair:#1c2530;--hair-2:#243140;--ink:#cdd7e1;--ink-dim:#7d8a98;--ink-faint:#54616f;--accent:#4fd6c2;--accent-dim:#2c6f68;--amber:#ffc45c;--warn:#ff8a6b;--mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.wave-lab-root,.wave-lab-root *{box-sizing:border-box}.wave-lab-root{margin:0;height:100%}.wave-lab-root{background:radial-gradient(1200px 700px at 78% -10%,#0f1822,#0f182200 60%),var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}.wave-lab-root .app{display:flex;flex-direction:column;min-height:100vh}.wave-lab-root header{display:flex;align-items:center;gap:18px;padding:10px 18px;border-bottom:1px solid var(--hair);background:linear-gradient(180deg,#0d131a,#0b0f14);position:sticky;top:0;z-index:20}.wave-lab-root .brand{display:flex;align-items:baseline;gap:10px;white-space:nowrap}.wave-lab-root .brand .mark{font-family:var(--mono);font-weight:600;letter-spacing:.5px;color:var(--ink);font-size:15px}.wave-lab-root .brand .mark b{color:var(--accent)}.wave-lab-root .brand .sub{font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);letter-spacing:1.5px;text-transform:uppercase}.wave-lab-root nav.tabs{display:flex;gap:2px;margin-left:6px}.wave-lab-root nav.tabs button{appearance:none;border:1px solid transparent;border-bottom:none;background:transparent;color:var(--ink-dim);font-family:var(--mono);font-size:12px;letter-spacing:.3px;padding:7px 14px 8px;border-radius:6px 6px 0 0;cursor:pointer;transition:color .15s,background .15s}.wave-lab-root nav.tabs button:hover{color:var(--ink)}.wave-lab-root nav.tabs button.active{color:var(--accent);background:var(--panel);border-color:var(--hair);box-shadow:inset 0 2px 0 var(--accent)}.wave-lab-root .transport{margin-left:auto;display:flex;align-items:center;gap:8px}.wave-lab-root .btn{appearance:none;font-family:var(--mono);font-size:12px;color:var(--ink);background:var(--panel-2);border:1px solid var(--hair-2);border-radius:6px;padding:7px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:border-color .15s,color .15s,background .15s}.wave-lab-root .btn:hover{border-color:var(--accent-dim);color:#fff}.wave-lab-root .btn.primary{border-color:var(--accent-dim);color:var(--accent)}.wave-lab-root .btn.primary.playing{color:var(--bg);background:var(--accent);border-color:var(--accent)}.wave-lab-root .btn .ico{width:9px;height:9px;display:inline-block}.wave-lab-root .speed{display:flex;align-items:center;gap:7px;color:var(--ink-faint);font-family:var(--mono);font-size:11px}.wave-lab-root .speed input{width:84px}.wave-lab-root main{display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;flex:1;min-height:0}.wave-lab-root aside{border-right:1px solid var(--hair);background:var(--panel);overflow-y:auto;padding:14px 14px 40px}.wave-lab-root .stage{padding:16px 18px 28px;overflow:auto;min-width:0}.wave-lab-root .group{margin-bottom:16px;border:1px solid var(--hair);border-radius:9px;overflow:hidden;background:var(--panel-2)}.wave-lab-root .group>h3{margin:0;font-family:var(--mono);font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-dim);padding:9px 12px;border-bottom:1px solid var(--hair);background:linear-gradient(180deg,#11181f,#0e151c);display:flex;align-items:center;gap:8px}.wave-lab-root .group>h3 .dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 7px var(--accent-dim)}.wave-lab-root .group .body{padding:11px 12px}.wave-lab-root .ctl{margin:0 0 12px}.wave-lab-root .ctl:last-child{margin-bottom:2px}.wave-lab-root .ctl .lab{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.wave-lab-root .ctl .lab label{font-size:12px;color:var(--ink)}.wave-lab-root .ctl .lab .val{font-family:var(--mono);font-size:11.5px;color:var(--amber)}.wave-lab-root .ctl .lab .val small{color:var(--ink-faint)}.wave-lab-root input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:3px;background:var(--hair-2);outline:none;cursor:pointer}.wave-lab-root input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid #0b0f14;box-shadow:0 0 0 1px var(--accent-dim)}.wave-lab-root input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid #0b0f14}.wave-lab-root input[type=range]:disabled{opacity:.35;cursor:not-allowed}.wave-lab-root select{width:100%;font-family:var(--mono);font-size:12px;color:var(--ink);background:var(--panel) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M0 0l5 6 5-6z' fill='%237d8a98'/></svg>") no-repeat right 10px center;border:1px solid var(--hair-2);border-radius:6px;padding:8px 28px 8px 10px;appearance:none;cursor:pointer}.wave-lab-root select:focus{border-color:var(--accent-dim);outline:none}.wave-lab-root .seg{display:flex;border:1px solid var(--hair-2);border-radius:6px;overflow:hidden}.wave-lab-root .seg button{flex:1;appearance:none;background:var(--panel);border:none;color:var(--ink-dim);font-family:var(--mono);font-size:11.5px;padding:7px 4px;cursor:pointer;border-right:1px solid var(--hair-2)}.wave-lab-root .seg button:last-child{border-right:none}.wave-lab-root .seg button.on{background:var(--accent-dim);color:#eafdfb}.wave-lab-root .chk{display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none}.wave-lab-root .chk input{position:absolute;opacity:0;pointer-events:none}.wave-lab-root .chk .box{width:15px;height:15px;border:1px solid var(--hair-2);border-radius:4px;background:var(--panel);display:grid;place-items:center;transition:.12s}.wave-lab-root .chk input:checked+.box{background:var(--accent);border-color:var(--accent)}.wave-lab-root .chk input:checked+.box:after{content:"";width:7px;height:7px;background:var(--bg);clip-path:polygon(14% 50%,0 64%,40% 100%,100% 18%,86% 4%,38% 70%)}.wave-lab-root .chk span{font-size:12px;color:var(--ink)}.wave-lab-root .hint{font-size:11px;color:var(--ink-faint);line-height:1.5;margin-top:2px}.wave-lab-root .panel-card{border:1px solid var(--hair);border-radius:11px;background:var(--panel);overflow:hidden;box-shadow:0 1px #0b0f14,0 18px 40px -28px #000}.wave-lab-root .panel-card .cap{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--hair);font-family:var(--mono);font-size:11px;color:var(--ink-dim);letter-spacing:.4px;background:linear-gradient(180deg,#0f161d,#0c1219)}.wave-lab-root .panel-card .cap .title{color:var(--ink)}.wave-lab-root .panel-card .cap .pill{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.wave-lab-root .pill .tag{font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);border:1px solid var(--hair);border-radius:20px;padding:2px 9px}.wave-lab-root .pill .tag b{color:var(--amber);font-weight:600}.wave-lab-root canvas{display:block;width:100%;height:auto;background:#05080c}.wave-lab-root .canvas-wrap{position:relative}.wave-lab-root .canvas-wrap .legend{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;color:var(--ink-dim);background:#070b1099;border:1px solid var(--hair);border-radius:6px;padding:5px 8px;backdrop-filter:blur(3px)}.wave-lab-root .legend .bar{width:90px;height:7px;border-radius:3px}.wave-lab-root .canvas-wrap .crosshair-tip{position:absolute;right:12px;top:12px;font-family:var(--mono);font-size:10px;color:var(--ink-faint);background:#070b1080;border:1px solid var(--hair);border-radius:6px;padding:4px 8px;pointer-events:none}.wave-lab-root .readouts{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin-top:14px}.wave-lab-root .ro{border:1px solid var(--hair);border-radius:9px;background:var(--panel-2);padding:10px 12px}.wave-lab-root .ro .k{font-family:var(--mono);font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-faint)}.wave-lab-root .ro .v{font-family:var(--mono);font-size:18px;color:var(--ink);margin-top:3px;letter-spacing:.3px}.wave-lab-root .ro .v small{font-size:11px;color:var(--ink-dim);margin-left:3px}.wave-lab-root .ro.accent .v{color:var(--accent)}.wave-lab-root .ro.amber .v{color:var(--amber)}.wave-lab-root .relation{margin-top:12px;border:1px solid var(--hair);border-radius:9px;background:linear-gradient(180deg,#0e151c,#0c1219);padding:10px 14px;font-family:var(--mono);font-size:12.5px;color:var(--ink-dim);display:flex;gap:14px;flex-wrap:wrap;align-items:center}.wave-lab-root .relation .eq{color:var(--ink)}.wave-lab-root .relation .eq b{color:var(--amber)}.wave-lab-root .relation .ok{color:var(--accent)}.wave-lab-root .notes{margin-top:14px;border:1px solid var(--hair);border-radius:9px;background:var(--panel);overflow:hidden}.wave-lab-root .notes summary{cursor:pointer;list-style:none;padding:10px 14px;font-family:var(--mono);font-size:11px;color:var(--ink-dim);letter-spacing:.4px;display:flex;align-items:center;gap:8px}.wave-lab-root .notes summary::-webkit-details-marker{display:none}.wave-lab-root .notes summary:before{content:"▸";color:var(--accent);transition:transform .15s}.wave-lab-root .notes[open] summary:before{transform:rotate(90deg)}.wave-lab-root .notes .nbody{padding:0 16px 14px;font-size:12.5px;color:var(--ink-dim);line-height:1.65}.wave-lab-root .notes .nbody p{margin:8px 0}.wave-lab-root .notes .nbody code{font-family:var(--mono);color:var(--amber);background:#0c1219;padding:1px 5px;border-radius:4px;font-size:11.5px}.wave-lab-root .notes .nbody b{color:var(--ink)}.wave-lab-root .modpanel{display:none}.wave-lab-root .modpanel.active{display:block}.wave-lab-root .ladder{display:flex;flex-direction:column;gap:5px}.wave-lab-root .ladder .rung{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;color:var(--ink-dim);cursor:pointer;padding:3px 5px;border-radius:5px}.wave-lab-root .ladder .rung:hover{background:var(--panel)}.wave-lab-root .ladder .rung.near{background:#4fd6c214}.wave-lab-root .ladder .rung .n{width:30px;color:var(--ink-faint)}.wave-lab-root .ladder .rung .f{color:var(--amber);width:74px}.wave-lab-root .ladder .rung.near .f{color:var(--accent)}.wave-lab-root .ladder .rung .meter{flex:1;height:4px;border-radius:3px;background:var(--hair);position:relative;overflow:hidden}.wave-lab-root .ladder .rung .meter i{position:absolute;inset:0 100% 0 0;background:var(--accent-dim);transition:right .1s}@media(max-width:880px){.wave-lab-root main{grid-template-columns:1fr}.wave-lab-root aside{border-right:none;border-bottom:1px solid var(--hair);max-height:none}.wave-lab-root nav.tabs button{padding:7px 9px}.wave-lab-root .brand .sub{display:none}}@media(prefers-reduced-motion:reduce){.wave-lab-root,.wave-lab-root *{scroll-behavior:auto}}.wave-lab-root canvas.overlay{position:absolute;inset:0;width:100%;height:auto;background:transparent;pointer-events:auto;cursor:grab;touch-action:none}.wave-lab-root canvas.overlay:active{cursor:grabbing}.wave-lab-root .viewctl{position:absolute;right:12px;top:12px;display:flex;align-items:center;gap:8px;pointer-events:none}.wave-lab-root .vbtn{pointer-events:auto;font-family:var(--mono);font-size:10.5px;color:var(--ink);background:#0a1016b8;border:1px solid var(--hair-2);border-radius:6px;padding:5px 9px;cursor:pointer;backdrop-filter:blur(3px)}.wave-lab-root .vbtn:hover{border-color:var(--accent-dim);color:#fff}.wave-lab-root .vtip{font-family:var(--mono);font-size:9.5px;color:var(--ink-faint);background:#070b1080;border:1px solid var(--hair);border-radius:6px;padding:4px 8px}.wave-lab-root{position:absolute;inset:0;overflow:hidden}.wave-lab-root .app{height:100%;min-height:0}.wave-lab-root .canvas-wrap canvas{width:100%;height:auto}.wave-lab-root canvas.overlay{height:auto}.wave-lab-root .relation>*,.wave-lab-root .readouts>*,.wave-lab-root .pill>*{position:static;inset:auto}.wave-lab-root .relation .eq{display:inline}