:root{color-scheme:light dark;--bg: #e9ecf1;--surface: #ffffff;--surface-2: #f2f4f7;--surface-raised: #ffffff;--text: #171a21;--muted: #586071;--border: #dadee6;--border-strong: #b3bac7;--accent: #3f5ef0;--accent-strong: #2c47c9;--accent-fill: #3b57e6;--accent-fill-hover: #2f48c8;--on-accent: #ffffff;--focus: #3f5ef0;--input-border: #7c8495;--warn: #a35a00;--warn-bg: #fff5e3;--warn-border: #e8c27d;--danger: #c4283f;--danger-bg: #fdeff1;--danger-border: #eeb1bb;--success: #1c7a43;--success-bg: #ecf7f0;--success-border: #a6d6b7;--info-bg: #eff2ff;--info-border: #c1cbf7;--swatch-ring: rgb(23 26 33 / .3);--backdrop: rgb(15 18 28 / .42);--radius: 10px;--radius-sm: 6px;--theme-segment: 32px;--shadow-sm: 0 1px 2px rgb(16 24 40 / .08), 0 1px 3px rgb(16 24 40 / .06);--shadow: 0 10px 30px rgb(16 24 40 / .14), 0 2px 6px rgb(16 24 40 / .06);--stage-center: #fbfcfd;--stage-edge: #d5dae3;--stage-bg: radial-gradient(circle at 50% 38%, var(--stage-center) 0%, color-mix(in srgb, var(--stage-center) 45%, var(--stage-edge)) 50%, var(--stage-edge) 100%);--view-sky: #ffffff;--view-ground: #5f6878;--view-ambient: 1.3;--view-key: 2;--view-grid: #3e4658;--view-grid-opacity: .2;--view-ghost-opacity: .32;--guide-a: #3558f0;--guide-b: #e8740a;--guide-opacity: .22;--view-highlight: #2f55ff;--view-highlight-strength: .5;--vent-made: #0b7a5c;--vent-user: #7b3fd6;--vent-off: #626a79;--vent-manual: #a35a00;--vent-halo: #ffffff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0e1015;--surface: #171a21;--surface-2: #1f232b;--surface-raised: #1d2129;--text: #e8eaef;--muted: #9ba2b1;--border: #2b303a;--border-strong: #434a58;--accent: #7189ff;--accent-strong: #93a6ff;--accent-fill: #7189ff;--accent-fill-hover: #8da0ff;--on-accent: #0b0e17;--focus: #8ea1ff;--input-border: #6f778a;--warn: #f2b045;--warn-bg: #2a2214;--warn-border: #6a5222;--danger: #ff7a8c;--danger-bg: #2e1a1f;--danger-border: #74343f;--success: #5ccf8f;--success-bg: #14271d;--success-border: #2f6444;--info-bg: #1a2042;--info-border: #3a4785;--swatch-ring: rgb(255 255 255 / .32);--backdrop: rgb(0 0 0 / .6);--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow: 0 12px 32px rgb(0 0 0 / .5), 0 2px 6px rgb(0 0 0 / .3);--stage-center: #252a35;--stage-edge: #111318;--view-sky: #ffffff;--view-ground: #3a4254;--view-ambient: 1.6;--view-key: 1.8;--view-grid: #aab3c5;--view-grid-opacity: .14;--view-ghost-opacity: .28;--guide-a: #6f8cff;--guide-b: #ffa24d;--guide-opacity: .24;--view-highlight: #5b82ff;--view-highlight-strength: .6;--vent-made: #3fd3a4;--vent-user: #bc9bff;--vent-off: #a2a9b7;--vent-manual: #f2b045;--vent-halo: #0e1015}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg: #0e1015;--surface: #171a21;--surface-2: #1f232b;--surface-raised: #1d2129;--text: #e8eaef;--muted: #9ba2b1;--border: #2b303a;--border-strong: #434a58;--accent: #7189ff;--accent-strong: #93a6ff;--accent-fill: #7189ff;--accent-fill-hover: #8da0ff;--on-accent: #0b0e17;--focus: #8ea1ff;--input-border: #6f778a;--warn: #f2b045;--warn-bg: #2a2214;--warn-border: #6a5222;--danger: #ff7a8c;--danger-bg: #2e1a1f;--danger-border: #74343f;--success: #5ccf8f;--success-bg: #14271d;--success-border: #2f6444;--info-bg: #1a2042;--info-border: #3a4785;--swatch-ring: rgb(255 255 255 / .32);--backdrop: rgb(0 0 0 / .6);--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow: 0 12px 32px rgb(0 0 0 / .5), 0 2px 6px rgb(0 0 0 / .3);--stage-center: #252a35;--stage-edge: #111318;--view-sky: #ffffff;--view-ground: #3a4254;--view-ambient: 1.6;--view-key: 1.8;--view-grid: #aab3c5;--view-grid-opacity: .14;--view-ghost-opacity: .28;--guide-a: #6f8cff;--guide-b: #ffa24d;--guide-opacity: .24;--view-highlight: #5b82ff;--view-highlight-strength: .6;--vent-made: #3fd3a4;--vent-user: #bc9bff;--vent-off: #a2a9b7;--vent-manual: #f2b045;--vent-halo: #0e1015}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}button,input,select{font:inherit;color:inherit}select{background:var(--surface);border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:3px 6px}button{background:var(--surface-2);border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface-2))}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}input[type=range],input[type=checkbox]{accent-color:var(--accent)}[hidden]{display:none!important}.muted{color:var(--muted)}.topbar{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;z-index:2;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;margin:0}.spacer{flex:1}.file-name{font-size:13px;max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-switch{display:inline-flex;gap:2px;margin:0;padding:2px;min-inline-size:0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.theme-switch legend,.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.theme-switch label{position:relative;display:grid;place-items:center;width:var(--theme-segment);height:28px;cursor:pointer;color:var(--muted);border:1px solid transparent;border-radius:calc(var(--radius) - 3px)}.theme-switch input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.theme-switch svg{width:17px;height:17px;pointer-events:none}.theme-switch label:hover{color:var(--text);background:color-mix(in srgb,var(--surface) 60%,transparent)}.theme-switch label:has(:checked){color:var(--accent-strong);background:var(--surface);border-color:var(--accent);box-shadow:var(--shadow-sm)}.theme-switch label:has(:focus-visible){outline:2px solid var(--focus);outline-offset:1px}@media(forced-colors:active){.theme-switch label:has(:checked){border-color:Highlight;color:Highlight}}.layout{flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr) 320px;grid-template-areas:"settings stage results"}.stage{grid-area:stage}.settings{grid-area:settings}.results{grid-area:results}.panel{background:var(--surface);overflow-y:auto;padding:16px}.settings{border-right:1px solid var(--border);display:flex;flex-direction:column;gap:12px;scroll-padding-bottom:120px}.results{border-left:1px solid var(--border)}.results h2{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.results section+section{margin-top:20px}.results mm-problem-card:not([hidden]){margin-bottom:16px}.settings:focus,.results:focus{outline:none}.settings:focus-visible,.results:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.orient-note{margin:0 0 12px;font-size:13px;color:var(--muted);line-height:1.45}.orient-note.stale{opacity:.55}.mode-help{margin:0;font-size:13px;color:var(--muted);line-height:1.45}mm-param-panel{flex:1}.actions{position:sticky;bottom:-16px;margin:0 -16px -16px;padding:12px 16px 16px;background:var(--surface);border-top:1px solid var(--border);display:grid;gap:10px}.actions .primary{padding:10px}.check{display:flex;align-items:center;gap:8px;font-size:13px}.stage{position:relative;min-height:0;background:var(--stage-bg)}mm-viewer{position:absolute;inset:0}.overlay{position:absolute;left:12px;right:12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;pointer-events:none}.overlay>*{pointer-events:auto}.overlay-top{top:12px}.overlay-bottom{bottom:12px;padding:8px 12px;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);backdrop-filter:blur(6px)}.overlay-top mm-orient-bar{padding:6px 8px;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);backdrop-filter:blur(6px)}.view-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.control{display:flex;align-items:center;gap:6px;font-size:13px}.control input[type=range]{width:110px}.control select{font-size:13px}#layout[aria-pressed=true],#add-vent[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--info-bg);color:var(--accent-strong);font-weight:600}mm-status{flex:1;min-width:180px;justify-content:flex-end}.empty{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:24px 24px 80px;pointer-events:none}.stage:has(>.empty:not([hidden])) .overlay-top{visibility:hidden}.welcome{width:min(640px,100%);max-height:100%;overflow-y:auto;display:grid;gap:16px;pointer-events:auto}.steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.steps li{counter-increment:step;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-content:start;padding:8px 10px;font-size:13px;line-height:1.35;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.steps li:before{content:counter(step) / "";grid-row:span 2;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--accent-fill);color:var(--on-accent)}.steps span{color:var(--muted)}.mode-cards h2{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card{display:grid;gap:2px;align-content:start;text-align:left;padding:10px 12px;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--input-border);border-radius:var(--radius-sm)}.card:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.card strong{font-size:14px}.card span{color:var(--muted);font-size:13px;line-height:1.35}.card[aria-pressed=true],.card[aria-pressed=true]:hover:not(:disabled){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--info-bg)}.card[aria-pressed=true] strong:after{content:" \b7  Selected" / "";font-weight:400;font-size:12px;color:var(--muted)}.drop-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;pointer-events:none;background:color-mix(in srgb,var(--accent) 14%,transparent);border:3px dashed var(--accent)}.drop-message{display:grid;gap:4px;text-align:center;padding:18px 24px;font-size:16px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.drop-message span{color:var(--muted);font-size:13px}.drop-message span:empty{display:none}.phone-bar{display:none}@media(pointer:coarse){button,select{min-height:40px}input[type=checkbox]{width:22px;height:22px}input[type=range]{height:32px}:root{--theme-segment: 38px}.theme-switch label{height:34px}}@media(max-width:1100px){body{height:auto;min-height:100%}.layout{grid-template-columns:280px minmax(0,1fr);grid-template-rows:minmax(440px,calc(100dvh - var(--topbar-h, 60px))) auto;grid-template-areas:"settings stage" "results results"}.results{border-left:0;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;align-content:start}.results mm-problem-card{grid-column:1 / -1}.results section+section{margin-top:0}}@media(max-width:760px){.layout{display:flex;flex-direction:column}.stage{order:-1;display:flex;flex-direction:column}mm-viewer{position:relative;inset:auto;height:50vh;min-height:300px}.overlay-bottom{position:static;border-radius:0;border-width:1px 0;box-shadow:none;backdrop-filter:none;background:var(--surface)}.settings{border-right:0;border-bottom:1px solid var(--border)}.actions{position:static;margin:0;padding:12px 0 0}.settings{scroll-padding-bottom:0}.results{display:block}.results section+section{margin-top:20px}.topbar{gap:10px}.file-name{order:6;width:100%;max-width:none}.file-name:empty{display:none}mm-tabs{order:5;width:calc(100% - 3 * var(--theme-segment) - 22px)}.theme-switch{order:5}mm-status{justify-content:flex-start}.stage:has(>.empty:not([hidden])) mm-viewer{display:none}.empty{position:relative;padding:16px}.welcome{max-height:none;overflow:visible}.steps,.cards{grid-template-columns:minmax(0,1fr)}.phone-bar:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;bottom:0;z-index:5;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px #1018281a}.phone-bar a{color:var(--accent-strong);font-weight:600;padding:10px 2px}.phone-bar .primary{padding:10px 14px}}