:root{font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;color:#eef0f3;background:#101116;color-scheme:dark;font-synthesis:none;--surface: #16181f;--line: #292d37;--soft: #9da5b5;--red: #ff4a63;--mono: Consolas, "Microsoft YaHei", monospace}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.36;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:3px}h1,h2,h3,p{margin:0}.workspace{height:100svh;min-height:390px;display:grid;grid-template-rows:auto minmax(0,1fr)}.header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:45px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:baseline;gap:5px;font-size:14px;font-weight:550}.wordmark strong{color:#f2f3f5;font-weight:720;font-size:20px;letter-spacing:-.05em}.brand-i{background:linear-gradient(var(--red) 35%,#f2f3f5 35%);-webkit-background-clip:text;background-clip:text;color:transparent}.header-meta{color:var(--soft);font:11px var(--mono);letter-spacing:.08em;white-space:nowrap}.header-tools,.panel-heading{display:flex;align-items:center;gap:5px}.header-tools{justify-content:flex-end;flex-wrap:wrap}.header-tools .header-meta{margin-left:6px}.panel-heading{justify-content:space-between}.panel-collapse{padding:3px 5px;border:1px solid #39414e;border-radius:4px;background:#1e232d;color:#c0c8d5;font-size:10px;white-space:nowrap}.panel-collapse:hover{color:#fff;border-color:#697487}.feature-tool{padding:6px;font-size:11px;white-space:nowrap}.feature-fieldset{margin:0;padding:0;border:0;min-width:0}.feature-settings{background:#141a22;border-top:1px solid var(--line);padding:5px 10px}.feature-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;min-height:25px}.feature-row label{display:inline-flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.feature-row select{font:inherit;color:inherit;background:#232633;border:1px solid #3d4353;border-radius:4px;padding:3px 4px}.feature-row input[type=range]{display:inline-block;width:min(140px,38vw)}.feature-row [role=status],.feature-note{color:var(--soft);font-size:11px}.workspace[data-clean-capture=true] :is(.header,.rail,.inspector,.controls,.feature-settings,.stage-badge,.hotspot,.part-label,.emblem-caption){visibility:hidden}.emblem-caption{position:absolute;inset:auto 0 8%;pointer-events:none;text-align:center;font:600 clamp(15px,2.6vw,36px) Georgia,serif;letter-spacing:.24em;color:#ffe0ae;text-shadow:0 2px 14px #b8491b,0 1px 2px #32170b;animation:emblem-caption 4.25s ease both}@keyframes emblem-caption{0%,18%,to{opacity:0}36%,72%{opacity:1}}.switch-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#707989}.workspace-body{min-height:0;display:grid;grid-template-columns:var(--left-panel, 100px) minmax(0,1fr) var(--right-panel, clamp(168px, 15vw, 198px))}.workspace-body[data-workbench-hidden=true]{--left-panel: 0px}.workspace-body[data-inspector-hidden=true]{--right-panel: 0px}.rail,.inspector{background:var(--surface);padding:11px 8px;min-width:0;overflow:auto}.rail{grid-column:1;border-right:1px solid var(--line)}.inspector{grid-column:3;border-left:1px solid var(--line);padding:12px 10px}.eyebrow{color:#a9b0be;font:11px var(--mono);white-space:nowrap}.rail .panel-heading{margin:0 0 8px 2px}.mode{display:flex;align-items:center;text-align:left;gap:5px;width:100%;border:1px solid transparent;background:transparent;padding:5px 3px;margin-bottom:3px;border-radius:5px}.mode:hover,.mode[aria-pressed=true]{background:#232632;border-color:#323644}.mode[aria-pressed=true] .mode-icon{background:#532532;color:#ff8d9e;border-color:#7d3345}.mode-icon{width:21px;height:21px;flex:0 0 21px;display:grid;place-items:center;background:#20232b;border:1px solid #2b303d;border-radius:5px;color:#b5bdcd}.mode strong{white-space:nowrap;font-size:11px;font-weight:600}.reset{border:0;border-top:1px solid var(--line);padding:8px 2px;margin-top:6px;width:100%;text-align:left;font-size:12px;background:transparent;color:var(--soft)}.reset:hover{color:#fff}.reset span{margin-left:6px}.main-area{grid-column:2;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.stage{isolation:isolate;position:relative;overflow:hidden;display:grid;background:radial-gradient(ellipse at 52% 48%,#353b49,#252a35 38%,#171a21 72%)}.stage:before{content:"";inset:0;position:absolute;z-index:-1;opacity:.55;background-image:linear-gradient(#8494ac14 1px,transparent 1px),linear-gradient(90deg,#8494ac14 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 80%);mask-image:radial-gradient(ellipse,#000,transparent 80%)}.canvas-wrap{position:relative;min-height:0;touch-action:none}.canvas-wrap>div{position:absolute!important;inset:0}.canvas-wrap>.scene-message{display:grid;place-items:center}.scene-message{white-space:nowrap;font-size:13px;color:#e0e3ea}.views{display:flex;flex-wrap:wrap;gap:3px;margin-left:auto}.views button,.stops button{border:1px solid #3b414e;border-radius:4px;background:#20242d;color:#c3c9d3;font-size:11px;padding:3px 5px}.views button:hover,.stops button:hover{color:#fff;border-color:#697487}.stage-badge{position:absolute;top:10px;right:10px;font-size:10px;color:#f8c99a;background:#35271fee;padding:5px 8px;border:1px solid #67513a;border-radius:4px;pointer-events:none}.controls{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:center;padding:7px 10px;background:#181a22;border-top:1px solid var(--line)}.range-control{flex:1 1 128px;min-width:120px;max-width:190px}.range-control label{display:flex;justify-content:space-between;font-size:11px;gap:5px}output{color:#ff8798;font:13px var(--mono)}input[type=range]{display:block;width:100%;margin:3px 0;accent-color:var(--red)}.stops{color:var(--soft);font-size:10px;display:flex;justify-content:space-between;gap:4px}.stops button{padding:1px 5px}.quick-controls,.lesson-actions{display:flex;flex-wrap:wrap;gap:6px}.outline-button{border:1px solid #3d4353;border-radius:5px;background:#232633;font-size:11px;padding:5px 6px;white-space:nowrap}.outline-button:hover:not(:disabled){border-color:#a1acbd}.outline-button[aria-pressed=true]{background:#37242e;border-color:#7c3c4b}.outline-button[aria-pressed=true] .switch-dot{background:#ff6177}.switch-dot{margin-right:5px;vertical-align:1px}.part-details,.lesson{margin-top:12px}.inspector-empty{margin-top:11px;color:var(--soft);font-size:11px}.tag{color:#ff8798;font-size:10px;letter-spacing:.07em}.part-details h2{font-size:17px;margin-top:5px;font-weight:640;letter-spacing:-.035em}.part-details p,.lesson p{margin-top:9px;color:#abb3c1;font-size:12px;line-height:1.65}.part-details dl{margin:10px 0;overflow-wrap:anywhere}.part-details dl div{display:flex;justify-content:space-between;gap:9px;padding:7px 0;border-bottom:1px solid var(--line);font-size:11px}.part-details dt{color:var(--soft)}.part-details dd{margin:0;text-align:right}.part-details .evidence{color:#e4bb96;font-size:11px;border-left:2px solid #a97d53;padding-left:8px}.part-shortcuts{border-top:1px solid var(--line);padding-top:9px;margin-top:12px}.part-shortcuts button{display:flex;justify-content:space-between;align-items:center;gap:6px;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:6px 0;color:#b9c0ce;text-align:left;font-size:11px}.part-shortcuts .eyebrow{margin-bottom:5px}.part-shortcuts button:hover,.part-shortcuts button[aria-pressed=true]{color:#ff8798}.lesson{border:1px solid #393e4d;padding:11px;border-radius:6px}.lesson h3{margin-top:5px;font-size:15px}.lesson-actions{margin-top:10px}.hotspot{color:#ffbcc7;background:#2c1625e8;border:1px solid #b74258;border-radius:4px;padding:4px 8px;font-size:11px;white-space:nowrap}.part-label{position:relative;color:#d9e0e9;background:#181c27e9;border:1px solid #5b6375;border-radius:3px;padding:3px 6px;font:10px var(--mono);white-space:nowrap}.part-label:after{content:"";position:absolute;width:16px;height:1px;right:100%;top:50%;background:#828ca2}@media(max-width:720px){.workspace{height:auto;min-height:100svh}.workspace[data-panels-hidden=true]{height:100svh}.workspace-body{grid-template-columns:minmax(0,1fr)}.rail,.inspector,.main-area{grid-column:1}.rail{display:flex;align-items:center;gap:4px;padding-block:7px;overflow-x:auto;border-bottom:1px solid var(--line)}.rail .panel-heading{margin:0;order:1}.rail .eyebrow{display:none}.mode{width:auto;margin:0;padding:4px 6px;gap:5px}.mode-icon{width:22px;height:22px;flex-basis:22px}.reset{width:auto;margin:0 0 0 auto;padding:4px;border:0;white-space:nowrap}.reset span{margin-left:0}.inspector{border-top:1px solid var(--line);padding:10px}.main-area{grid-template-rows:max(310px,66svh) auto}.workspace[data-panels-hidden=true] .main-area{grid-template-rows:minmax(0,1fr)}.part-shortcuts{display:flex;flex-wrap:wrap;gap:8px 15px}.part-shortcuts .eyebrow{flex-basis:100%}.part-shortcuts button{width:auto}}@media(max-width:420px){.header{padding-inline:10px}.header-meta{display:none}.header-tools{max-width:53%;gap:3px}.mode-icon{display:none}.stage-badge{top:9px;right:9px;font-size:9px}.canvas-wrap{min-height:245px}}