:root{--bg: #0b0d12;--surface: #141822;--surface-2: #1c2230;--line: #2a3244;--text: #eef2f8;--muted: #a7b1c4;--resin: #7c5cff;--filament: #22c9a0;--accent: #6a45f0;--danger: #ff6b6b;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--nav-h: 60px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.2;margin:0 0 .4em;letter-spacing:-.02em}h1{font-size:clamp(1.6rem,4vw,2.4rem)}h2{font-size:clamp(1.2rem,2.6vw,1.55rem)}p{margin:0 0 1em;color:var(--muted)}a{color:inherit}:focus-visible{outline:3px solid #9fb4ff;outline-offset:2px;border-radius:6px}.app{min-height:100%;display:flex;flex-direction:column}.nav{position:sticky;top:0;z-index:30;height:var(--nav-h);display:flex;align-items:center;gap:18px;padding:0 18px;background:#0b0d12d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{min-width:0;display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.brand-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--resin),var(--filament))}.nav-links{display:flex;gap:6px;margin-left:auto;flex:0 0 auto}@media (min-width: 861px){.nav-links{margin-right:190px}}.nav-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:.95rem;padding:9px 14px;min-height:44px;border-radius:999px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-link[aria-current=page]{color:var(--text);background:var(--surface-2);border-color:var(--line)}.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:26px 18px 80px}.page-head{margin-bottom:22px}.page-head p{max-width:60ch}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-weight:600;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;transition:transform .12s ease,background .18s ease,border-color .18s ease}.btn:hover{background:#232b3c}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#6b49f5}.btn[disabled]{opacity:.5;cursor:not-allowed}.muted{color:var(--muted)}.small{font-size:.88rem}.banner{border-radius:var(--radius);padding:12px 16px;border:1px solid var(--line);background:var(--surface-2);margin-bottom:18px}.banner-error{border-color:#5a2b2b;background:#2a1618;color:#ffd9d9}.skeleton{background:linear-gradient(90deg,#1a2030,#232b3c,#1a2030);background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:10px}@keyframes shimmer{to{background-position:-200% 0}}@media (max-width: 860px){.brand{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 720px){.grid-2{grid-template-columns:1fr}.brand-text{display:none}.brand{flex:0 0 auto}.nav-links{margin-left:0;flex:1 1 auto;justify-content:flex-end}.nav{gap:8px;padding:0 12px}.nav-links{gap:2px}.nav-link{padding:9px 10px;font-size:.85rem}.main{padding:18px 12px 90px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.viewer-wrap{min-width:0}.viewer{position:relative;border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(120% 120% at 50% 0%,#1b2233,#0d1017 70%);overflow:hidden;box-shadow:var(--shadow)}.viewer-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.viewer-tag{position:absolute;top:12px;left:14px;font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);pointer-events:none}.viewer-hint{position:absolute;bottom:12px;right:14px;font-size:.78rem;color:var(--muted);opacity:.75;transition:opacity .25s ease;pointer-events:none}.viewer-hint.is-hidden{opacity:0}.viewer-side{display:flex;flex-direction:column;gap:14px}.switcher{display:flex;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px}.switch{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.9rem;font-weight:600;min-height:42px;border-radius:999px;cursor:pointer;transition:background .18s ease,color .18s ease}.switch:hover{color:var(--text)}.switch.is-on{color:#fff}.switch.is-on.resin{background:var(--accent)}.switch.is-on.filament{background:var(--filament);color:#052b22}.side-note{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.side-note h2{font-size:1.05rem}.side-note p{margin-bottom:.6em;font-size:.92rem}.mini-facts{display:grid;gap:10px;margin:0}.mini-facts div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:8px}.mini-facts dt{color:var(--muted);font-size:.86rem}.mini-facts dd{margin:0;font-weight:600;font-size:.9rem}.block{width:100%}.caption{margin-top:10px}.tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-weight:600;font-size:.92rem;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer}.tab.is-on{border-color:#3d4a66}.slice-bar{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap}.slice-bar label{font-weight:600}.slice-bar input[type=range]{flex:1;min-width:180px}.slice-bar output{color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:30px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--surface-2);border:1px solid var(--line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;margin-top:-10px;border-radius:50%;background:var(--accent);border:2px solid #fff2}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--surface-2)}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:var(--accent)}.takeaway{margin-top:14px;max-width:70ch}.table-wrap{overflow-x:auto}.props{width:100%;border-collapse:collapse;min-width:560px;table-layout:fixed}.props th:first-child{width:40%}.props th:nth-child(2),.props th:nth-child(3){width:30%}.props caption{caption-side:bottom;text-align:left;color:var(--muted);padding-top:12px}.props th,.props td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}.props thead th{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.props .th-resin{color:#b3a2ff}.props .th-filament{color:#6fe3c6}.props tbody th{font-weight:600}.prop-name{display:block}.prop-q{display:block;font-weight:400;font-size:.82rem;color:var(--muted)}.val{display:block;font-variant-numeric:tabular-nums;font-weight:600}.bar{display:block;height:6px;width:var(--w);min-width:4px;margin-top:7px;border-radius:3px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.bar-resin{background:var(--resin)}.bar-filament{background:var(--filament)}.sources{margin-top:14px;color:var(--muted)}.sources summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.sources ul{margin:0;padding-left:20px;word-break:break-word}.setups{margin-top:26px}.setups-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}.setups-head h2{margin:0}.setup-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.setup-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.setup-list .note{margin:4px 0 0}.row-actions{display:flex;gap:8px}.small-btn{padding:8px 14px;font-size:.88rem}.danger{color:#ffbaba;border-color:#5a2b2b}.danger:hover{background:#3a1d1f}.setup-form{margin-top:18px;display:grid;gap:6px;max-width:460px}.setup-form h3{margin-top:8px}.setup-form label{font-size:.88rem;color:var(--muted);margin-top:8px}.setup-form input,.setup-form select{font:inherit;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.setup-form input[aria-invalid=true],.setup-form select[aria-invalid=true]{border-color:#b04a4a}.field-error{color:#ffb3b3;font-size:.85rem;margin:2px 0 0}.form-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.progress{height:10px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden;margin:6px 0 8px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--resin),var(--filament));transition:width .1s linear}.play-row{display:grid;gap:10px}.toast-wrap{position:fixed;left:0;right:0;bottom:22px;display:flex;justify-content:center;pointer-events:none;z-index:40}.toast{background:var(--surface-2);border:1px solid var(--line);color:var(--text);padding:12px 18px;border-radius:999px;box-shadow:var(--shadow);animation:rise .25s ease}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.skip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;cursor:pointer;position:absolute;left:12px;top:8px;transform:translateY(-200%);background:var(--surface-2);color:var(--text);padding:10px 16px;border-radius:10px;z-index:60}.skip:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.brand{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:6px 0}@media (max-width: 860px){.workspace{grid-template-columns:1fr}}.main.is-stage{max-width:none;padding:0;position:relative}.stage{height:calc(100dvh - var(--nav-h));min-height:460px;display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:minmax(0,1fr) auto}.stage.stage-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stage-pane{position:relative;min-width:0;grid-row:1}.stage .viewer{height:100%;border:0;border-radius:0;box-shadow:none}.stage.stage-split .stage-pane+.stage-pane .viewer{border-left:1px solid var(--line)}.hud{grid-column:2;grid-row:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:18px 18px 24px;background:var(--surface);border-left:1px solid var(--line)}.hud>.side-note,.hud>.switcher{background:var(--surface-2)}.stage-title{margin-bottom:2px}.stage-title h1{font-size:clamp(1.25rem,2vw,1.6rem);margin-bottom:.3em}.stage-title p{font-size:.9rem;margin:0}.stage-strip{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 18px;background:var(--surface);border-top:1px solid var(--line)}.stage-strip .tabs{margin:0}.stage-strip .slice-bar{flex:1;min-width:260px}.sheet{grid-column:1 / -1;grid-row:1;z-index:8;background:var(--bg);overflow-y:auto;padding:22px clamp(14px,4vw,40px) 40px;animation:sheetIn .22s ease}@keyframes sheetIn{0%{opacity:0;transform:translateY(10px)}}.sheet-inner{max-width:1000px;margin:0 auto}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.stage-loading,.stage-message{min-height:calc(100dvh - var(--nav-h));display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;padding:24px;text-align:center}.stage-message.card{margin:24px auto;max-width:560px;min-height:0}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.slice-bar.plain{background:none;border:0;margin:0;padding:0}.hud-bottom .takeaway{margin:8px 0 0;font-size:.85rem}.stage .viewer-tag{top:auto;bottom:16px;left:20px}.stage.stage-split .viewer-tag{top:16px;bottom:auto}.stage.stage-split .stage-title{top:64px}.stage.stage-split .viewer-hint{bottom:122px}@media (max-width: 720px){.nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}.nav-links{position:fixed;left:0;right:0;bottom:0;z-index:50;margin:0;justify-content:space-around;gap:0;padding:6px max(6px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));background:#0b0d12f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.nav-link{flex:1;font-size:.9rem;border-radius:12px}.main{padding-bottom:0}.app{padding-bottom:84px}.stage{display:flex;flex-direction:column;height:auto;min-height:0}.stage .viewer{height:52dvh;min-height:300px}.stage.stage-split .stage-pane+.stage-pane .viewer{border-left:0;border-top:1px solid var(--line)}.hud{border-left:0;border-top:1px solid var(--line);overflow:visible}.stage-pane{order:0}.hud,.stage-strip{order:1}.sheet{order:2}.stage .viewer-hint,.stage.stage-split .viewer-hint{bottom:12px}}.strip-title h1{font-size:1.05rem;margin:0;white-space:nowrap}.strip-title p,.account-short{display:none}@media (max-width: 720px){.account-short{display:inline}}.account,.account-btn{margin-left:12px;white-space:nowrap;text-decoration:none}.account{display:flex;align-items:center;gap:10px}.account-who{max-width:18ch;overflow:hidden;text-overflow:ellipsis}.account-slot{width:1px}@media (min-width: 861px){.nav-links{margin-right:0}.nav{padding-right:210px}}@media (max-width: 720px){.nav{padding-right:200px}.account,.account-btn{margin-left:auto;font-size:.85rem}.account-who,.account-long{display:none}}