:root{--ink: #eae2d2;--muted: #a3937d;--canvas: #131110;--paper: #1d1915f0;--paper-solid: #1d1915;--line: #b08d5726;--line-strong: #b08d574d;--brass: #b08d57;--brass-bright: #d4b273;--coral: #e58a74;--lavender: #a996dd;--sage: #93b389;--amber: #d6a95f;--shadow: 0 18px 48px #00000066;--shadow-lift: 0 24px 60px #00000091;--shadow-inset: inset 0 1px 0 #ffffff0d;--soft-shadow: 0 2px 10px #00000040;--raise: #191612f5;--chip: #241f18;--field: #ffffff08;--tint: #b08d5714;--active-bg: #b08d5721;--active-fg: var(--brass-bright);--primary-a: #d9b980;--primary-b: #a5824c;--on-primary: #1a1510;--glyph-base: #241f18;--on-tone: #1a1510;--sky-a: #34302a;--sky-b: #1e1a15;--hotspot-card: #211c16f5;--caption: #cbb890;--disabled: #6d6355;--danger: #e08872;--focus: var(--brass-bright);--serif: "Playfair Display", "Noto Serif SC", Georgia, "Songti SC", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--radius: 10px;--radius-sm: 7px;--gap: 16px}:root[data-theme=light]{--ink: #2f2a27;--muted: #71685f;--canvas: #f7f0e7;--paper: #fffbf4d1;--paper-solid: #fffbf4;--line: #755b462e;--line-strong: #755b4647;--brass: #8a6a33;--brass-bright: #a5824c;--coral: #eb7c6b;--lavender: #7455b5;--sage: #769d74;--amber: #c8944a;--shadow: 0 18px 48px #573e2b0f;--shadow-lift: 0 22px 56px #573e2b1c;--shadow-inset: inset 0 1px 0 #ffffff8c;--soft-shadow: 0 2px 10px #573e2b14;--raise: #fffcf6;--chip: #fffbf4;--field: #fffbf480;--tint: #755b4614;--active-bg: #eb7c6b1f;--active-fg: #c25a49;--primary-a: #ef8674;--primary-b: #e26e5c;--on-primary: #fffaf5;--glyph-base: #fffdf9;--on-tone: #fffdf8;--sky-a: #fffdf8;--sky-b: #f2e8da;--hotspot-card: #fffdf8f2;--caption: #6f6259;--disabled: #b3a89d;--danger: #b4523f;--focus: #c25a49}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);background:var(--canvas);background-image:radial-gradient(1100px 620px at 50% -12%,#232019,#23201900 62%),radial-gradient(860px 540px at 90% 4%,#1a1613,#1a161300 55%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .25s ease,color .25s ease}:root[data-theme=light] body{background-image:radial-gradient(1200px 680px at 18% -8%,#fffdf9,#fffdf900 62%),radial-gradient(900px 560px at 92% 6%,#f5ece0,#f5ece000 58%)}h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:.01em;margin:0}button{font-family:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--active-bg)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}*::-webkit-scrollbar-thumb:hover{background:var(--brass)}*::-webkit-scrollbar-track{background:transparent}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow),var(--shadow-inset);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.eyebrow{font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--brass)}.app{min-height:100vh;padding:0 76px 64px;max-width:1640px;margin:0 auto}@media(max-width:1500px){.app{padding:0 32px 56px}}.workbench{display:grid;grid-template-columns:232px minmax(0,1fr) 292px;gap:var(--gap);align-items:start}@media(max-width:1240px){.workbench{grid-template-columns:200px minmax(0,1fr)}.workbench>.detail-panel{grid-column:1 / -1}}@media(max-width:900px){.workbench{grid-template-columns:minmax(0,1fr)}.workbench>section{order:1}.workbench>.detail-left{order:2;height:auto}.workbench>.detail-panel{order:3;height:auto}.stage-height{height:clamp(340px,56vh,560px)}}.stage-height{height:clamp(520px,calc(100vh - 210px),720px)}.rail-float{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:8px}.rail-float button{width:34px;height:34px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .16s ease,transform .16s ease,border-color .16s ease}.rail-float button:hover{color:var(--active-fg);border-color:var(--line-strong);transform:translateY(-1px)}@media(max-width:1240px){.rail-float{display:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.55}70%{transform:scale(2.1);opacity:0}to{transform:scale(2.1);opacity:0}}.hotspot{position:relative;pointer-events:none}.hotspot-dot{position:relative;display:block;width:13px;height:13px;border-radius:999px;background:var(--tone);border:2.5px solid #f2e9d8;box-shadow:0 2px 8px #000000a6;pointer-events:auto;transition:transform .18s cubic-bezier(.3,1.5,.5,1)}:root[data-theme=light] .hotspot-dot{border-color:#fffdf9;box-shadow:0 2px 7px #3a2a1c40}.hotspot-dot:hover{transform:scale(1.28)}.hotspot[data-behind=true] .hotspot-dot{pointer-events:none}.hotspot[data-open=true] .hotspot-dot{transform:scale(1.32)}.hotspot-ring{position:absolute;top:-2.5px;right:-2.5px;bottom:-2.5px;left:-2.5px;border-radius:999px;border:2px solid var(--tone);animation:pulse-ring 2.6s ease-out infinite}.hotspot[data-open=true] .hotspot-ring{animation:none;opacity:0}.hotspot-card{position:absolute;left:20px;top:-9px;width:172px;padding:10px 13px 11px;border-radius:var(--radius-sm);background:var(--hotspot-card);border:1px solid var(--line-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;animation:fade-up .18s ease both}.hotspot-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--ink);margin-bottom:4px}.hotspot-swatch{width:6px;height:6px;border-radius:999px;flex-shrink:0}.hotspot-note{font-size:11.5px;line-height:1.55;color:var(--muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}