:root{--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Berkeley Mono", Menlo, Consolas, "Liberation Mono", monospace;--radius: 3px;--tick: 10px;--surface: #0a2540;--surface-panel: #0c2a49;--surface-elev: #103457;--surface-inset: rgba(76, 154, 255, .07);--ink: #dce7f5;--ink-dim: rgba(220, 231, 245, .66);--ink-faint: rgba(220, 231, 245, .42);--line: rgba(58, 90, 128, .55);--line-strong: rgba(76, 154, 255, .55);--grid: rgba(58, 90, 128, .22);--accent: #4c9aff;--accent-text: #4c9aff;--accent-contrast: #06182b;--focus: #4c9aff;--danger: #ff6b6b;--c-canvas: #07223b;--c-grid: #21456b;--c-room: #4c9aff;--c-room-fill: rgba(76, 154, 255, .05);--c-speaker: #f2a93b;--c-listener: #4c9aff;--c-path-direct: #6ce5ff;--c-path-reflection: #f2a93b;--c-path-diffraction: #d783ff;--c-path-transmission: #76e3a1;--c-3d-top: #0a2540;--c-3d-bottom: #04121f;--c-3d-grid: #1c3e63;color-scheme:dark}@media (prefers-color-scheme: light){:root:not([data-theme]){--surface: #eef4fb;--surface-panel: #ffffff;--surface-elev: #ffffff;--surface-inset: #dce7f5;--ink: #0a2540;--ink-dim: rgba(10, 37, 64, .66);--ink-faint: rgba(10, 37, 64, .45);--line: rgba(58, 90, 128, .35);--line-strong: rgba(58, 90, 128, .6);--grid: rgba(58, 90, 128, .14);--accent: #4c9aff;--accent-text: #1e5fcc;--accent-contrast: #06182b;--focus: #1e5fcc;--danger: #d3453b;--c-canvas: #e3ecf7;--c-grid: #b9cbe2;--c-room: #1e5fcc;--c-room-fill: rgba(30, 95, 204, .06);--c-speaker: #c8791a;--c-listener: #1e5fcc;--c-path-direct: #007f9e;--c-path-reflection: #a65b00;--c-path-diffraction: #7a35a8;--c-path-transmission: #137a49;--c-3d-top: #dce7f5;--c-3d-bottom: #c3d3e8;--c-3d-grid: #afc3dd;color-scheme:light}}:root[data-theme=light]{--surface: #eef4fb;--surface-panel: #ffffff;--surface-elev: #ffffff;--surface-inset: #dce7f5;--ink: #0a2540;--ink-dim: rgba(10, 37, 64, .66);--ink-faint: rgba(10, 37, 64, .45);--line: rgba(58, 90, 128, .35);--line-strong: rgba(58, 90, 128, .6);--grid: rgba(58, 90, 128, .14);--accent: #4c9aff;--accent-text: #1e5fcc;--accent-contrast: #06182b;--focus: #1e5fcc;--danger: #d3453b;--c-canvas: #e3ecf7;--c-grid: #b9cbe2;--c-room: #1e5fcc;--c-room-fill: rgba(30, 95, 204, .06);--c-speaker: #c8791a;--c-listener: #1e5fcc;--c-path-direct: #007f9e;--c-path-reflection: #a65b00;--c-path-diffraction: #7a35a8;--c-path-transmission: #137a49;--c-3d-top: #dce7f5;--c-3d-bottom: #c3d3e8;--c-3d-grid: #afc3dd;color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--surface);color:var(--ink);font:13px/1.5 var(--font-mono);-webkit-font-smoothing:antialiased;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px}#app{display:flex;flex-direction:column;overflow:hidden;height:100vh;height:100dvh}.muted{color:var(--ink-dim);font-size:12px;margin:6px 0}.muted.small{font-size:11px}.mono-cap{text-transform:uppercase;letter-spacing:.08em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius)}button:focus:not(:focus-visible){outline:none}.topbar{display:flex;align-items:center;gap:16px;padding:9px 16px;border-bottom:1px solid var(--line);background:var(--surface-panel);flex:0 0 auto}.brand{font-size:13px;letter-spacing:.04em;display:flex;align-items:baseline;gap:8px}.brand .mark{color:var(--accent-text)}.brand b{color:var(--ink);font-weight:700}.tag{font-size:10px;color:var(--accent-text);border:1px solid var(--line);padding:1px 6px;border-radius:var(--radius);text-transform:uppercase;letter-spacing:.1em}.modes{display:flex;gap:0}.modes .btn{border-radius:0;margin-left:-1px}.modes .btn:first-child{border-radius:var(--radius) 0 0 var(--radius);margin-left:0}.modes .btn:last-child{border-radius:0 var(--radius) var(--radius) 0}.audio{margin-left:auto;display:flex;align-items:center;gap:12px}.stat{color:var(--ink-dim);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.btn{appearance:none;font-family:var(--font-mono);border:1px solid var(--line);background:var(--surface-elev);color:var(--ink-dim);padding:6px 10px;border-radius:var(--radius);font-size:12px;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.btn:hover{color:var(--ink);border-color:var(--line-strong)}.btn.active{color:var(--accent-text);border-color:var(--accent);background:var(--surface-inset)}.btn.seg{padding:6px 12px;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.path-viz-toggle[data-mode=always]{color:var(--accent-text);border-color:var(--accent);background:var(--surface-inset)}.path-viz-toggle[data-mode=selected]{color:var(--c-speaker);border-color:var(--c-speaker)}.path-viz-toggle[data-mode=off]{color:var(--ink-faint);border-color:var(--line)}.btn.icon{padding:6px 9px}.btn.small{padding:4px 8px;font-size:11px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:700}.btn.primary:hover{filter:brightness(1.08);color:var(--accent-contrast)}.btn.big{padding:12px 28px;font-size:14px;letter-spacing:.04em;margin:12px 0;text-transform:uppercase}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.btn.danger:hover{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}input[type=range]{accent-color:var(--accent);width:118px;height:20px}.workspace{flex:1;display:grid;grid-template-columns:300px 1fr 1fr;min-height:0}.sidebar{overflow-y:auto;border-right:1px solid var(--line);background:var(--surface-panel);padding:4px 14px 32px}.col{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line)}.panel-label{padding:8px 12px;font-size:11px;color:var(--ink-dim);border-bottom:1px solid var(--line);background:var(--surface-inset);flex:0 0 auto;text-transform:uppercase;letter-spacing:.09em}.panel-label .muted{display:inline;text-transform:none;letter-spacing:0}.viewport{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.viewport:before,.viewport:after{content:"";position:absolute;width:var(--tick);height:var(--tick);border-color:var(--line-strong);pointer-events:none;z-index:2}.viewport:before{top:8px;left:8px;border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong)}.viewport:after{bottom:8px;right:8px;border-bottom:1px solid var(--line-strong);border-right:1px solid var(--line-strong)}.speaker-mixer{flex:0 0 252px;min-height:232px;display:flex;flex-direction:column;border-top:1px solid var(--line);background:var(--surface-panel)}.mixer-header{min-height:30px;padding:6px 10px;display:flex;align-items:center;justify-content:space-between;color:var(--ink-faint);font-size:10px;letter-spacing:.09em;border-bottom:1px solid var(--line)}.mixer-header strong{color:var(--accent-text);font-weight:700}.mixer-count{font-variant-numeric:tabular-nums}.mixer-channel-list{flex:1;min-width:0;display:flex;gap:7px;padding:8px;overflow-x:auto;overflow-y:hidden}.mixer-empty{flex:1;margin:0;display:grid;place-items:center;color:var(--ink-faint);font-size:10px;letter-spacing:.04em}.mixer-empty[hidden]{display:none}.mixer-channel{flex:0 0 248px;min-width:248px;padding:7px;display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-elev)}.mixer-channel.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.mixer-channel-head{display:flex;justify-content:space-between;align-items:baseline;gap:7px}.mixer-channel-label{appearance:none;border:0;padding:0;background:none;color:var(--ink);font:700 11px var(--font-mono);cursor:pointer}.mixer-channel-label:hover{color:var(--accent-text)}.mixer-channel-detail{color:var(--ink-faint);font-size:8px;letter-spacing:.03em;white-space:nowrap}.mixer-audio-name{color:var(--ink-dim);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mixer-gain{display:grid;grid-template-columns:38px 1fr 40px;align-items:center;gap:4px;color:var(--ink-faint);font-size:9px}.mixer-gain input[type=range]{appearance:none;width:100%;min-width:0;height:32px;background:transparent;cursor:ew-resize}.mixer-gain input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--line-strong)}.mixer-gain input[type=range]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;margin-top:-10px;border:1px solid var(--accent);border-radius:50%;background:var(--accent)}.mixer-gain input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--line-strong)}.mixer-gain input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:var(--accent)}.mixer-gain input[type=range]::-moz-range-thumb{width:24px;height:24px;border:1px solid var(--accent);border-radius:50%;background:var(--accent)}.mixer-gain-value{color:var(--ink-dim);text-align:right;font-variant-numeric:tabular-nums}.mixer-height{display:flex;gap:6px;align-items:center}.mixer-sideview{flex:none;width:35px;height:76px;border:1px solid var(--line);border-radius:2px;background:var(--surface-inset);cursor:ns-resize;touch-action:none}.mixer-sideview .sv-line{stroke:var(--line-strong);stroke-width:1}.mixer-sideview .sv-ear{stroke:var(--ink-faint);stroke-width:1;stroke-dasharray:3 3}.mixer-sideview .sv-stand{stroke:var(--ink-faint);stroke-width:1.5}.mixer-sideview .sv-cabinet{fill:var(--surface-elev);stroke:var(--line-strong);stroke-width:1}.mixer-sideview .sv-driver{fill:var(--accent)}.mixer-sideview .sv-aim{stroke:var(--accent);stroke-width:1.5}.mixer-height-fields{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px}.mixer-height-ctl{grid-template-columns:38px minmax(0,1fr) 40px;gap:6px}.mixer-height-ctl input[type=range]{width:100%}.mixer-pattern{grid-template-columns:38px 1fr}.mixer-select{width:100%;min-width:0;padding:2px 3px;color:var(--ink);background:var(--surface-inset);border:1px solid var(--line);border-radius:2px;font:400 9px var(--font-mono)}.mixer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:auto}.mixer-toggle{padding:3px 5px;color:var(--accent-text);border-color:var(--accent);font-size:9px}.mixer-toggle.is-off{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.sec{padding:13px 0;border-bottom:1px dashed var(--line)}.sec h2{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin:0 0 10px;font-weight:700}.sec h2:before{content:"// ";color:var(--accent-text)}.row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.row .btn{flex:1 1 auto}.mat-target{font-size:11px;color:var(--ink-dim);margin-bottom:8px;letter-spacing:.02em}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.swatch{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-elev);color:var(--ink-dim);cursor:pointer;font-size:11px;font-family:var(--font-mono);transition:border-color .12s,color .12s}.swatch:hover{border-color:var(--line-strong);color:var(--ink)}.sw-dot{width:13px;height:13px;border-radius:2px;background:var(--c);border:1px solid rgba(0,0,0,.35);flex:0 0 auto}.inspector{display:flex;flex-direction:column;gap:9px}.ins-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.field{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.05em}.field input[type=range]{width:150px}.audio-file-control{display:flex;flex-direction:column;align-items:stretch;gap:5px}.audio-file-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.speaker-popover{position:absolute;z-index:8;width:230px;padding:12px;display:flex;flex-direction:column;gap:9px;border:1px solid var(--accent);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-panel) 94%,transparent);box-shadow:0 12px 30px #00000047;backdrop-filter:blur(10px)}.speaker-popover[hidden]{display:none}.speaker-popover-title{display:flex;align-items:center;justify-content:space-between;color:var(--ink)}.popover-close{appearance:none;border:0;background:transparent;color:var(--ink-dim);padding:0 3px;font-size:18px;line-height:1;cursor:pointer}.popover-close:hover{color:var(--ink)}.context-menu{user-select:none}.context-select{min-width:120px;padding:5px 7px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-elev);color:var(--ink);font:inherit}.context-status{margin:0}.tracing-status{font-weight:700;letter-spacing:.04em}.tracing-status.is-on{color:var(--accent-text)}.tracing-status.is-off{color:var(--danger)}.audio-drop-hint{position:absolute;inset:16px;z-index:7;display:flex;align-items:center;justify-content:center;border:2px dashed var(--accent);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-panel) 84%,transparent);color:var(--accent-text);font:700 13px var(--font-mono);letter-spacing:.06em;pointer-events:none;backdrop-filter:blur(4px)}.audio-drop-hint[hidden]{display:none}.audio-drop-hint.error{border-color:var(--danger);color:var(--danger)}.walk-hint{display:none;position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--ink-dim);border:1px solid var(--line-strong);padding:8px 14px;border-radius:var(--radius);font-size:11px;letter-spacing:.04em;pointer-events:none;backdrop-filter:blur(6px);z-index:3}.walk-hint.above-pad{bottom:auto;top:12px}.walk-pad{position:absolute;left:18px;bottom:18px;z-index:4;width:144px;height:144px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface) 62%,transparent);backdrop-filter:blur(6px);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.walk-pad[hidden]{display:none}.walk-pad-knob{width:52px;height:52px;border-radius:50%;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 45%,transparent);pointer-events:none}.walk-pad:not(.active) .walk-pad-knob{transition:transform .12s ease-out}@media (prefers-reduced-motion: reduce){.walk-pad:not(.active) .walk-pad-knob{transition:none}}.gate{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;background:var(--surface)}.gate:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 72%)}.gate-card{position:relative;max-width:480px;text-align:center;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-panel) 70%,transparent);backdrop-filter:blur(2px)}.gate-emoji{font-size:44px}.gate-card h1{font-size:20px;margin:10px 0;text-transform:uppercase;letter-spacing:.08em}.gate-card h1 .mark{color:var(--accent-text)}.gate-card p{color:var(--ink-dim)}.gate-card p b{color:var(--ink)}.tour{position:fixed;inset:0;z-index:60;pointer-events:none}.tour-spot{position:absolute;border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 0 0 9999px color-mix(in srgb,var(--surface) 74%,transparent);transition:left .16s ease,top .16s ease,width .16s ease,height .16s ease}.tour-spot[hidden]{display:none}.tour-card{position:absolute;width:min(330px,calc(100vw - 24px));padding:14px;pointer-events:auto;display:flex;flex-direction:column;gap:8px;border:1px solid var(--accent);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-panel) 96%,transparent);box-shadow:0 14px 34px #00000057;backdrop-filter:blur(10px)}.tour-count{margin:0;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-variant-numeric:tabular-nums}.tour-card h2{margin:0;font-size:13px;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.06em}.tour-body{margin:0;font-size:12px;line-height:1.55;color:var(--ink-dim)}.tour-listen{margin:0;padding-left:8px;font-size:12px;line-height:1.55;color:var(--accent-text);border-left:2px solid var(--accent)}.tour-listen[hidden]{display:none}.tour-actions{display:flex;align-items:center;gap:6px;margin-top:2px}.tour-actions .tour-skip{margin-right:auto}.tour-actions .tour-skip[hidden]{display:none}.tour-actions .btn:disabled{opacity:.45;cursor:default}@media (prefers-reduced-motion: reduce){*{transition:none!important}}planner-tabbar{flex:0 0 auto}planner-tabbar[hidden]{display:none}planner-sheet-tabs{flex:0 0 auto;display:block}planner-sheet-tabs[hidden]{display:none}planner-sheet-tabs [role=tablist]{display:flex;border-bottom:1px solid var(--line)}planner-sheet-tabs button{flex:1;appearance:none;border:0;background:none;color:var(--ink-dim);font:600 11px var(--font-mono, monospace);letter-spacing:.08em;text-transform:uppercase;min-height:36px;cursor:pointer;border-bottom:2px solid transparent}planner-sheet-tabs button[aria-selected=true]{color:var(--accent-text);border-bottom-color:var(--accent)}planner-sheet[data-panel=mixer]>.sidebar,planner-sheet[data-panel=props]>.speaker-mixer{display:none}planner-sheet[mobile][detent=collapsed]:not([dragging])>.speaker-mixer,planner-sheet[mobile][detent=collapsed]:not([dragging])>.sidebar{display:none}@media (max-width: 940px){.workspace{grid-template-columns:1fr;grid-auto-rows:1fr;overflow:hidden}.col{border-right:none}.sidebar{max-height:none;border-right:none}.workspace[data-layout=tabs]>[data-pane]{display:none}.workspace[data-layout=tabs][data-tab=plan]>[data-pane=plan],.workspace[data-layout=tabs][data-tab=view3d]>[data-pane=view3d]{display:flex;flex-direction:column;min-height:0}planner-sheet>.sidebar{flex:1 1 auto;min-height:0;padding-top:10px}.topbar{flex-wrap:wrap}.audio{width:100%}.stat{order:3;width:100%}.speaker-mixer{flex:1 1 auto;min-height:0;border-top:none}}