:root,[data-theme=light]{--canvas-bg:#efece4;--surface-0:#f4f1ea;--surface-1:#fbfaf6;--surface-2:#ffffff;--surface-3:#ffffff;--overlay-glass:rgba(251,250,246,0.72);--ink:#1a1814;--ink-soft:#4c463d;--ink-faint:#8a8175;--ink-on-accent:#fdfcfa;--thread:#e5dfd3;--thread-strong:#d6cebd;--gold:#b08d57;--gold-deep:#8f6f3f;--gold-tint:#f3ecdf;--gold-ring:rgba(176,141,87,0.45);--alert:#a4452e;--alert-tint:#f6e7e2;--ok:#5a6e4f;--ok-tint:#e9efe5;--warn:#9a7b2e;--warn-tint:#f6efdd;--elev-1:0 1px 2px rgba(26,24,20,0.04);--elev-2:0 2px 8px rgba(26,24,20,0.06),0 1px 2px rgba(26,24,20,0.04);--elev-3:0 8px 28px rgba(26,24,20,0.1),0 2px 6px rgba(26,24,20,0.06);--elev-artboard:0 4px 24px rgba(26,24,20,0.08);color-scheme:light}[data-theme=dark]{--canvas-bg:#141210;--surface-0:#1a1815;--surface-1:#211e1a;--surface-2:#2a2621;--surface-3:#322d27;--overlay-glass:rgba(26,24,21,0.62);--ink:#f2ede4;--ink-soft:#b8afa1;--ink-faint:#857c6e;--ink-on-accent:#1a1814;--thread:#38322b;--thread-strong:#4a4239;--gold:#cba373;--gold-deep:#d9b782;--gold-tint:#2b2419;--gold-ring:rgba(203,163,115,0.55);--alert:#d67a63;--alert-tint:#2e1c17;--ok:#8ea67e;--ok-tint:#1d241a;--warn:#cba257;--warn-tint:#2a2313;--elev-1:0 0 0 1px rgba(255,247,235,0.03);--elev-2:0 1px 3px rgba(0,0,0,0.4),0 0 0 1px rgba(255,247,235,0.04);--elev-3:0 12px 40px rgba(0,0,0,0.55),0 0 0 1px rgba(255,247,235,0.06);--elev-artboard:0 0 0 1px rgba(255,247,235,0.08),0 24px 60px rgba(0,0,0,0.6);color-scheme:dark}:root{--font-display:"Didot","Bodoni 72","Playfair Display",Georgia,serif;--font-ui:"Suisse Intl","Inter",-apple-system,"Segoe UI",Arial,sans-serif;--font-body:var(--font-ui);--font-mono:"SF Mono",ui-monospace,"Menlo",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--control-h-sm:26px;--control-h:32px;--control-h-lg:40px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--radius:var(--radius-xs);--gap:var(--space-3);--label-tracking:0.09em;--ease:cubic-bezier(0.4,0,0.2,1);--dur-fast:120ms;--dur:180ms;--dur-slow:260ms;--bone:var(--surface-1);--linen:var(--surface-0)}*{box-sizing:border-box}body,html{padding:0;height:100%;background:var(--canvas-bg);font-family:var(--font-ui);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,h1,h2,h3,html{margin:0;color:var(--ink)}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.02em}button{font-family:var(--font-ui);font-size:13px;font-weight:500;height:var(--control-h);border:1px solid var(--thread-strong);background:transparent;color:var(--ink);padding:0 14px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover:not(:disabled){background:var(--surface-2);border-color:var(--ink-soft)}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gold-ring)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--ink);color:var(--ink-on-accent);border-color:var(--ink)}button.primary:hover:not(:disabled){background:var(--gold-deep);border-color:var(--gold-deep);color:#fff}button.ghost{border-color:transparent;color:var(--ink-soft)}button.ghost:hover:not(:disabled){background:var(--surface-1);border-color:transparent;color:var(--ink)}input,select{font-family:var(--font-ui);font-size:13px;height:var(--control-h);border:1px solid var(--thread);background:var(--surface-2);color:var(--ink);padding:0 10px;border-radius:var(--radius-xs)}input[type=number]{font-family:var(--font-mono);text-align:right}input:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-ring)}input[type=checkbox]{height:auto;accent-color:var(--gold-deep)}input[type=range]{height:auto;accent-color:var(--gold)}label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:var(--label-tracking);color:var(--ink-soft)}.panel{background:var(--surface-1)}.card,.panel{border:1px solid var(--thread);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--elev-1)}.card{background:var(--surface-2)}.hint{font-size:12px;color:var(--ink-faint)}.warning{color:var(--alert);font-size:12px}.mono{font-family:var(--font-mono)}.segmented{display:inline-flex;gap:2px;padding:2px;background:var(--surface-0);border:1px solid var(--thread);border-radius:var(--radius-sm)}.segmented>button{height:28px;border:none;background:transparent;color:var(--ink-soft);border-radius:var(--radius-xs);padding:0 12px}.segmented>button:hover:not(:disabled){background:transparent;color:var(--ink)}.segmented>button.primary,.segmented>button[aria-pressed=true]{background:var(--surface-2);color:var(--ink);box-shadow:var(--elev-1)}.chip-alert{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:11.5px;background:var(--alert-tint);color:var(--alert)}.chip-warn{background:var(--warn-tint);color:var(--warn)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--thread-strong);border-radius:var(--radius-full);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.atelier{display:grid;grid-template-rows:56px 1fr 28px;height:100vh;background:var(--canvas-bg)}.topbar{display:flex;align-items:center;gap:var(--space-5);padding:0 var(--space-4);background:var(--surface-0);border-bottom:1px solid var(--thread)}.topbar-brand{display:flex;align-items:baseline;gap:8px}.brand-mark{font-family:var(--font-display);font-size:20px;letter-spacing:.02em;color:var(--ink)}.brand-sub{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.topbar-crumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-soft)}.crumb-project{color:var(--ink)}.crumb-sep{color:var(--thread-strong)}.crumb-mode{color:var(--ink-faint)}.topbar-status{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:12px;color:var(--ink-soft)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}.status-dot.busy{background:var(--gold);animation:pulse 1.1s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.topbar-actions{display:flex;align-items:center;gap:4px}.icon-btn{width:32px;padding:0}.account-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);color:var(--ink-soft);border:1px solid var(--thread);background:var(--surface-1)}.account-link:hover{color:var(--ink);border-color:var(--ink-soft)}.body{display:grid;grid-template-columns:76px 1fr;min-height:0}.rail{display:flex;gap:2px;padding:var(--space-3) var(--space-2);background:var(--surface-0);border-right:1px solid var(--thread)}.rail,.rail-item{flex-direction:column}.rail-item{position:relative;height:auto;gap:5px;padding:10px 4px 8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink-faint)}.rail-item .rail-index{position:absolute;top:6px;left:8px;font-size:9px;font-family:var(--font-mono);color:var(--gold);opacity:.7}.rail-item .rail-label{font-size:10px;letter-spacing:.04em}.rail-item:hover:not(.active){background:var(--surface-1);color:var(--ink-soft);border:none}.rail-item.active{background:var(--surface-2);color:var(--ink);box-shadow:var(--elev-1)}.rail-item.active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--gold)}.canvas-area{min-width:0;overflow:auto;padding:var(--space-5)}.statusbar{display:flex;align-items:center;gap:10px;padding:0 var(--space-4);background:var(--surface-0);border-top:1px solid var(--thread);font-size:11px;color:var(--ink-faint)}.statusbar .mono{font-size:11px;color:var(--ink-soft)}.statusbar-sep{color:var(--thread-strong)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}