:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12141a;--panel:#1a1e27;--border:#2c3340;--text:#e8ecf1;--muted:#9aa3b2;--accent:#6db3ff;--danger:#ff6b6b;--ok:#7dcea0;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%, #1d2740, transparent), radial-gradient(900px 500px at 100% 0%, #243028, transparent), var(--bg);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,.file-btn{font:inherit}.shell{gap:1.25rem;max-width:960px;margin:0 auto;padding:2rem 1.25rem 3rem;display:grid}.canvas-panel .panel-head{margin-bottom:.75rem}.actions.compact{gap:.35rem}button.active{border-color:var(--accent);background:#2a3d58}.canvas-wrap{border:1px solid var(--border);background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden}.canvas-stage{background:#000;width:100%;position:relative}.gl-canvas,.overlay-canvas{touch-action:none;width:100%;height:auto;display:block}.overlay-canvas{cursor:crosshair;position:absolute;top:0;left:0}.overlay-canvas:focus{outline:1px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:-1px}.canvas-hint{color:var(--muted);border-top:1px solid var(--border);background:#0e1117;margin:0;padding:.55rem .75rem;font-size:.82rem}.zone-row{grid-template-columns:auto minmax(7rem,1fr) minmax(8rem,1.2fr) auto auto auto auto;align-items:center;gap:.5rem;display:grid}.zone-row.selected{outline:1px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px;border-radius:6px}.select-zone{color:var(--muted);padding:.35rem .45rem}.zone-row.selected .select-zone{color:var(--accent)}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.topbar-actions{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.output-actions{padding-bottom:.1rem}.brand h1{letter-spacing:-.02em;margin:0;font-size:1.75rem}.tag{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.field{gap:.35rem;min-width:220px;display:grid}.field span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.field input,.zone-name{border:1px solid var(--border);color:var(--text);background:#0e1117;border-radius:6px;padding:.55rem .7rem}.panel{background:color-mix(in srgb, var(--panel) 92%, black);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem 1.15rem}.panel-intro{margin:-.35rem 0 .85rem}.mode-hint{margin:-.35rem 0 .75rem}.getting-started{background:color-mix(in srgb, #1e3a5f 55%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));border-radius:10px;padding:1rem 1.15rem 1.15rem}.getting-started-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.getting-started-head h2{margin:0;font-size:1.05rem}.getting-started-steps{gap:.45rem;margin:0;padding-left:1.25rem;font-size:.92rem;display:grid}.getting-started-more{margin:.85rem 0 0}.getting-started-more a{color:var(--accent)}.text-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.25rem .45rem}.text-btn:hover{color:var(--text);border-color:var(--border)}.optional-panel>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;font-size:1rem;font-weight:600;list-style:none;display:flex}.optional-panel>summary::-webkit-details-marker{display:none}.optional-panel>summary:before{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex-shrink:0;width:.45rem;height:.45rem;transition:transform .12s;transform:rotate(-45deg)}.optional-panel[open]>summary:before{transform:rotate(45deg)}.optional-panel>summary .summary-title{flex:1}.optional-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.15rem .45rem;font-size:.72rem;font-weight:500}.optional-body{margin-top:.9rem;padding-top:.15rem}.nested-advanced{border-top:1px solid var(--border);margin-top:.9rem;padding-top:.75rem}.nested-advanced>summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:.85rem}.nested-advanced[open]>summary{color:var(--text);margin-bottom:.65rem}.nested-advanced .muted{margin:0 0 .65rem}.canvas-panel .status{margin-top:.75rem}.panel-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.panel-head h2{margin:0;font-size:1rem}.actions{flex-wrap:wrap;gap:.5rem;display:flex}button,.file-btn{color:var(--text);cursor:pointer;background:#243044;border:1px solid #3a465c;border-radius:6px;padding:.45rem .75rem}button:hover,.file-btn:hover{border-color:var(--accent)}button.danger,.zone-row .danger{background:#3a2226;border-color:#6a3a42}.file-btn{align-items:center;display:inline-flex}.zone-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.zone-row .meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.status{min-height:1.3em;color:var(--ok);margin:.9rem 0 .6rem;font-size:.9rem}.status[data-kind=err]{color:var(--danger)}.json-preview{border:1px solid var(--border);color:#c9d4e3;background:#0b0d12;border-radius:8px;max-height:280px;margin:0;padding:.85rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.8rem;overflow:auto}.muted{color:var(--muted);font-size:.85rem}.hidden{display:none!important}.source-empty{color:var(--muted);font-size:.9rem}.source-form{gap:.85rem;display:grid}.source-block{gap:.75rem;display:grid}.field-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.effect-desc{margin:-.35rem 0 0}.effect-params{gap:.65rem;display:grid}.range-row{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.range-row output{text-align:right;min-width:2.5rem;color:var(--muted);font-variant-numeric:tabular-nums}.warn{color:#ffc9c9;background:#3a2226;border:1px solid #6a3a42;border-radius:6px;margin:0;padding:.65rem .75rem;font-size:.85rem}.warn-inline{color:#ffc9c9!important}.subhead{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0;font-size:.85rem}.check-field{align-items:center;gap:.4rem;font-size:.9rem;display:flex}.compositing,.audio-binding{border-top:1px solid var(--border);padding-top:.35rem}.meters{gap:.45rem;display:grid}.meter{color:var(--muted);grid-template-columns:4.5rem 1fr;align-items:center;gap:.5rem;font-size:.8rem;display:grid}.meter-track{border:1px solid var(--border);background:#0b0d12;border-radius:999px;height:10px;overflow:hidden}.meter-track i{transform-origin:0;background:linear-gradient(90deg,#3d8bfd,#7dcea0);width:100%;height:100%;transition:transform 50ms linear;display:block;transform:scaleX(0)}.mic-hint{margin:.75rem 0 0}.midi-targets{gap:.45rem;margin:.75rem 0;display:grid}.midi-target-row,.midi-mapping-row{border:1px solid var(--border);background:#0e1117;border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .55rem;display:flex}.midi-target-row strong,.midi-mapping-row strong{font-size:.9rem;display:block}.midi-target-row .muted,.midi-mapping-row .muted{margin-top:.15rem;display:block}.midi-mappings-head{margin-top:.5rem}.midi-mapping-list{gap:.45rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}select,input[type=color],input[type=range]{width:100%}select{border:1px solid var(--border);color:var(--text);background:#0e1117;border-radius:6px;padding:.45rem .55rem}input[type=color]{border:1px solid var(--border);background:#0e1117;border-radius:6px;height:2.2rem;padding:.15rem}.output-stage{background:#000;width:100%;height:100%;position:relative}