:root{--bg-base:#0a0c10;--bg-deep:#06080c;--bg-elevated:#14161b;--bg-panel:#0a0c10e0;--bg-input:#0006;--bg-hover:#ffffff0a;--bg-selected:#7ac4e61f;--border-subtle:#ffffff0f;--border-normal:#ffffff1a;--border-strong:#ffffff2e;--border-focus:#7ac4e680;--text-primary:#e8eaed;--text-secondary:#9ba1ac;--text-dim:#5c6370;--text-faint:#363a42;--accent:#7ac4e6;--accent-dim:#4e8ba6;--accent-glow:#7ac4e659;--accent-soft:#7ac4e614;--axis-x:#e66b6b;--axis-y:#6be686;--axis-z:#6b9fe6;--success:#52c78e;--warning:#e8b974;--danger:#ef4444;--danger-bg:#ef44441a;--danger-border:#ef44444d;--font-mono:"JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--font-sans:"Inter", -apple-system, system-ui, sans-serif;--fs-xxs:8px;--fs-xs:9px;--fs-sm:10px;--fs-body:12px;--fs-md:13px;--fs-lg:15px;--fs-xl:18px;--fs-2xl:24px;--fs-3xl:32px;--fs-display:48px;--ls-tight:-.01em;--ls-normal:0;--ls-wide:.1em;--ls-wider:.15em;--ls-widest:.25em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--blur-panel:blur(22px) saturate(120%);--shadow-panel:inset 0 1px 0 #ffffff14, 0 4px 20px #0009;--shadow-soft:0 2px 8px #00000080;--shadow-lift:0 8px 32px #000000b3;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--transition-fast:.12s;--transition-med:.18s;--transition-slow:.28s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-base);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body);font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 30% 20%,#7ac4e608 0%,#0000 50%),radial-gradient(at 70% 80%,#7ac4e605 0%,#0000 50%);position:fixed;inset:0}#app{z-index:1;width:100vw;height:100vh;position:relative}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%239BA1AC' d='M1.5 3L4 5.5 6.5 3z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:24px}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}.panel{background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--border-normal);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);padding:var(--sp-4)}.label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-dim);font-weight:500}.label-accent{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--accent);font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);font-family:var(--font-sans);font-size:var(--fs-body);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-normal)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--accent-soft);border-color:var(--accent-dim);color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-glow);border-color:var(--accent)}.btn-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.btn-sm{font-size:var(--fs-sm);letter-spacing:var(--ls-wide);padding:5px 10px}.btn-tiny{font-size:var(--fs-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;padding:4px 8px;font-weight:600}.input,.select,.textarea{width:100%;padding:var(--sp-2) var(--sp-3);font-family:var(--font-sans);font-size:var(--fs-md);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--transition-fast), background var(--transition-fast)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-normal)}.input:focus,.select:focus,.textarea:focus{border-color:var(--border-focus);background:var(--accent-soft)}.input-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.textarea{resize:vertical;min-height:80px;line-height:1.6}.divider{background:var(--border-subtle);height:1px;margin:var(--sp-4) 0}.auth-gate{background:var(--bg-base);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-cover{width:100%;max-width:440px;padding:var(--sp-12) var(--sp-8);background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--border-normal);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift)}.auth-masthead{text-align:center;margin-bottom:var(--sp-10)}.masthead-issue{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);color:var(--text-dim);margin-bottom:var(--sp-4)}.masthead-title{font-family:var(--font-sans);font-weight:300;font-size:var(--fs-3xl);letter-spacing:var(--ls-tight);color:var(--text-primary);margin-bottom:var(--sp-3)}.masthead-byline{font-size:var(--fs-body);color:var(--text-secondary);line-height:1.4}.auth-form{gap:var(--sp-3);flex-direction:column;display:flex}.form-label-sm{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--accent);font-weight:600}#auth-input{padding:var(--sp-3) var(--sp-4);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-md);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none}#auth-input:focus{border-color:var(--border-focus);background:var(--accent-soft)}#auth-submit{padding:var(--sp-3) var(--sp-4);background:var(--accent-soft);border:1px solid var(--accent-dim);border-radius:var(--radius-sm);color:var(--accent);transition:all var(--transition-fast);justify-content:space-between;align-items:center;font-weight:500;display:flex}#auth-submit:hover{background:var(--accent-glow);border-color:var(--accent)}.submit-label{letter-spacing:var(--ls-wide);text-transform:uppercase;font-size:var(--fs-sm)}.submit-arrow{font-size:var(--fs-lg)}.auth-error{font-size:var(--fs-sm);color:var(--danger);text-align:center;min-height:18px}.auth-footnote{text-align:center;margin-top:var(--sp-6);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:var(--ls-wide)}.kbd{font-family:var(--font-mono);font-size:var(--fs-xs);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);margin:0 2px;padding:1px 5px;display:inline-block}.admin-shell{background:var(--bg-base);position:fixed;inset:0}#route-view{width:100%;height:100%;position:absolute;inset:0}#route-view>*{width:100%;height:100%}.landing{width:100%;height:100%;padding:var(--sp-12) var(--sp-8);flex-direction:column;align-items:center;display:flex;overflow-y:auto}.landing-header{width:100%;max-width:960px;margin-bottom:var(--sp-12);text-align:center}.landing-kicker{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);color:var(--accent);margin-bottom:var(--sp-4);text-transform:uppercase;font-weight:600}.landing-title{font-size:var(--fs-display);letter-spacing:var(--ls-tight);color:var(--text-primary);margin-bottom:var(--sp-4);font-weight:200}.landing-subtitle{font-size:var(--fs-lg);color:var(--text-secondary);max-width:540px;margin:0 auto;font-weight:300;line-height:1.5}.landing-demos-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%;max-width:1200px;display:grid}.demo-card{padding:var(--sp-6);background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--border-normal);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-med);text-align:left;flex-direction:column;justify-content:space-between;min-height:200px;display:flex;position:relative;overflow:hidden}.demo-card:hover{border-color:var(--accent-dim);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.demo-card-mark{font-family:var(--font-sans);color:var(--accent);letter-spacing:var(--ls-tight);margin-bottom:var(--sp-4);font-size:56px;font-weight:300;line-height:1}.demo-card-kicker{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);color:var(--text-dim);text-transform:uppercase;margin-bottom:var(--sp-2)}.demo-card-name{font-size:var(--fs-xl);color:var(--text-primary);margin-bottom:var(--sp-3);font-weight:500}.demo-card-lede{font-size:var(--fs-body);color:var(--text-secondary);line-height:1.5}.demo-card-footer{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border-subtle);font-size:var(--fs-xs);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:var(--ls-wide);justify-content:space-between;align-items:center;display:flex}.demo-card-arrow{color:var(--accent);font-size:var(--fs-lg)}.demo-card.new-demo{min-height:200px;color:var(--text-dim);text-align:center;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;display:flex}.demo-card.new-demo:hover{color:var(--accent)}.new-demo-icon{margin-bottom:var(--sp-3);font-size:40px;font-weight:200}.new-demo-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);text-transform:uppercase}.workspace-shell{grid-template-columns:240px 1fr;width:100%;min-width:0;height:100%;min-height:0;display:grid}.masthead-bar{background:var(--bg-deep);border-right:1px solid var(--border-subtle);padding:var(--sp-4);flex-direction:column;display:flex;overflow-y:auto}.masthead-back{align-items:center;gap:var(--sp-2);padding:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-dim);cursor:pointer;transition:color var(--transition-fast);margin-bottom:var(--sp-6);display:flex}.masthead-back:hover{color:var(--accent)}.masthead-demo-kicker{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);color:var(--accent);text-transform:uppercase;margin-bottom:var(--sp-2);padding:0 var(--sp-2)}.masthead-demo-title{font-size:var(--fs-xl);color:var(--text-primary);margin-bottom:var(--sp-8);padding:0 var(--sp-2);font-weight:400;line-height:1.2}.masthead-sections{flex-direction:column;flex:1;gap:2px;display:flex}.section-nav-label{font-family:var(--font-mono);font-size:var(--fs-xxs);letter-spacing:var(--ls-widest);color:var(--text-faint);text-transform:uppercase;padding:var(--sp-2)}.section-nav-item{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);text-align:left;font-size:var(--fs-body);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;display:flex}.section-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.section-nav-item.active{background:var(--bg-selected);color:var(--accent);border-color:var(--accent-dim)}.section-nav-num{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wide);color:var(--text-faint);min-width:20px}.section-nav-item.active .section-nav-num{color:var(--accent)}.masthead-footer{padding-top:var(--sp-4);border-top:1px solid var(--border-subtle)}.connection-status{align-items:center;gap:var(--sp-2);padding:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);color:var(--text-dim);display:flex}.connection-dot{background:var(--text-faint);width:6px;height:6px;transition:background var(--transition-med);border-radius:50%}.connection-status.connected .connection-dot{background:var(--success);box-shadow:0 0 8px #52c78e80}.workspace-canvas{background:var(--bg-base);min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-inner{width:100%;height:100%;position:relative;overflow:auto}.canvas-inner .scene-builder{width:100%;height:100%;position:absolute;inset:0}.section-view{padding:var(--sp-8);max-width:1200px;margin:0 auto}.section-view-header{margin-bottom:var(--sp-8);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-subtle)}.section-view-kicker{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);color:var(--accent);text-transform:uppercase;margin-bottom:var(--sp-2)}.section-view-title{font-size:var(--fs-2xl);color:var(--text-primary);margin-bottom:var(--sp-2);letter-spacing:var(--ls-tight);font-weight:400}.section-view-subtitle{font-size:var(--fs-body);color:var(--text-secondary)}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-4);margin-bottom:var(--sp-3)}.card-title{font-size:var(--fs-md);color:var(--text-primary);margin-bottom:var(--sp-2);font-weight:500}.card-meta{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wide);color:var(--text-dim);text-transform:uppercase}.form-row{gap:var(--sp-3);margin-bottom:var(--sp-3);align-items:center;display:flex}.form-field{gap:var(--sp-2);flex-direction:column;flex:1;display:flex}.form-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-secondary);font-weight:500}.form-hint{font-size:var(--fs-xs);color:var(--text-dim);margin-top:2px}.empty-state{text-align:center;padding:var(--sp-10);color:var(--text-dim);font-size:var(--fs-body)}.beat-card{margin-bottom:var(--sp-4);padding:var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.beat-card-header{margin-bottom:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;display:flex}.beat-card-num{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);color:var(--accent);margin-bottom:var(--sp-1);text-transform:uppercase;font-weight:600}.beat-card-role{font-size:var(--fs-md);color:var(--text-primary);margin-bottom:var(--sp-1);font-weight:500}.beat-card-facts{font-size:var(--fs-xs);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:var(--ls-wide)}.variant-list{gap:var(--sp-2);flex-direction:column;display:flex}.variant-item{padding:var(--sp-3);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--fs-body);color:var(--text-secondary);line-height:1.6}.variant-item-header{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.variant-item-num{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);color:var(--text-dim);text-transform:uppercase}.variant-item-actions{gap:var(--sp-2);display:flex}.toast-stack{top:var(--sp-4);right:var(--sp-4);gap:var(--sp-2);z-index:200;flex-direction:column;display:flex;position:fixed}.toast{padding:var(--sp-3) var(--sp-4);background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--border-normal);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);font-size:var(--fs-body);color:var(--text-primary);min-width:220px;max-width:360px;animation:.2s ease-out toast-in}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--accent)}.toast-warning{border-left:3px solid var(--warning)}@keyframes toast-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:150;background:#000000b3;justify-content:center;align-items:center;animation:.18s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:480px;padding:var(--sp-6);background:var(--bg-elevated);border:1px solid var(--border-normal);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift)}.modal-title{font-size:var(--fs-xl);color:var(--text-primary);margin-bottom:var(--sp-2);font-weight:500}.modal-subtitle{font-size:var(--fs-body);color:var(--text-secondary);margin-bottom:var(--sp-6)}.modal-body{gap:var(--sp-3);margin-bottom:var(--sp-6);flex-direction:column;display:flex}.modal-footer{justify-content:flex-end;gap:var(--sp-2);display:flex}.scene-builder{width:100%;height:100%;position:relative;overflow:hidden}.viewport-canvas{width:100%;height:100%;position:absolute;inset:0}.viewport-canvas canvas{display:block}.sb-hud{z-index:10;pointer-events:none;position:absolute}.sb-hud>*{pointer-events:auto}.sb-beat-selector{top:var(--sp-4);left:var(--sp-4);z-index:10;width:240px;position:absolute}.sb-beat-selector-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);color:var(--accent);text-transform:uppercase;margin-bottom:var(--sp-2);font-weight:600}.sb-beat-selector select{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text-primary)}.sb-beat-selector select:hover{border-color:var(--border-normal)}.sb-stats{top:var(--sp-4);right:var(--sp-4);padding:var(--sp-2) var(--sp-3);z-index:10;position:absolute}.sb-stats-row{gap:var(--sp-4);display:flex}.sb-stat{flex-direction:column;gap:2px;min-width:52px;display:flex}.sb-stat-label{font-family:var(--font-mono);font-size:var(--fs-xxs);letter-spacing:var(--ls-widest);color:var(--text-dim);text-transform:uppercase}.sb-stat-value{font-family:var(--font-mono);font-size:var(--fs-md);color:var(--accent);font-variant-numeric:tabular-nums;font-weight:500}.sb-lighting-panel{top:120px;left:var(--sp-4);z-index:10;width:280px;position:absolute}.sb-lighting-title{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:var(--ls-widest);color:var(--accent);text-transform:uppercase;margin-bottom:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-subtle);font-weight:600}.sb-lighting-row{align-items:center;gap:var(--sp-3);padding:var(--sp-1) 0;display:flex}.sb-lighting-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-secondary);min-width:72px;font-weight:500}.sb-lighting-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:1px;outline:none;flex:1;height:2px;padding:0}.sb-lighting-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;width:12px;height:12px;box-shadow:0 0 8px var(--accent-glow);transition:transform var(--transition-fast);border-radius:50%}.sb-lighting-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.sb-lighting-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;width:12px;height:12px;box-shadow:0 0 8px var(--accent-glow);border:none;border-radius:50%}.sb-lighting-value{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;min-width:44px}.sb-lighting-section-title{font-family:var(--font-mono);font-size:var(--fs-xxs);letter-spacing:var(--ls-widest);color:var(--text-dim);text-transform:uppercase;margin:var(--sp-3) 0 var(--sp-1);font-weight:600}.sb-lighting-presets{gap:var(--sp-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0000004d;padding:2px;display:flex}.sb-preset-btn{font-family:var(--font-mono);font-size:var(--fs-xxs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:1px;flex:1;padding:5px 6px;font-weight:600}.sb-preset-btn:hover{color:var(--text-secondary)}.sb-preset-btn.active{background:var(--accent-soft);color:var(--accent)}.sb-panel-collapse{color:var(--text-dim);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:2px 6px;font-size:11px;position:absolute;top:10px;right:10px}.sb-panel-collapse:hover{color:var(--accent)}.sb-lighting-panel.collapsed .sb-lighting-content{display:none}.sb-lighting-panel.collapsed{width:auto}.sb-object-library{bottom:var(--sp-4);z-index:10;gap:var(--sp-1);padding:var(--sp-2);background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--border-normal);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);display:flex;position:absolute;left:50%;transform:translate(-50%)}.sb-obj-btn{justify-content:center;align-items:center;gap:var(--sp-1);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;width:64px;height:68px;transition:all var(--transition-fast);color:var(--text-secondary);flex-direction:column;display:flex}.sb-obj-btn:hover{background:var(--accent-soft);border-color:var(--accent-dim);color:var(--text-primary)}.sb-obj-btn:active{transform:translateY(1px)}.sb-obj-icon{color:var(--text-primary);font-size:20px;line-height:1}.sb-obj-label{font-family:var(--font-mono);font-size:var(--fs-xxs);letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:500}.sb-transform-toolbar{top:var(--sp-4);z-index:10;background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--border-normal);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);gap:2px;padding:3px;display:none;position:absolute;left:50%;transform:translate(-50%)}.sb-transform-toolbar.visible{display:flex}.sb-tf-btn{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;width:42px;height:34px;color:var(--text-secondary);transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.sb-tf-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sb-tf-btn.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-dim)}.sb-tf-btn-icon{font-size:12px;line-height:1}.sb-tf-btn-label{font-family:var(--font-mono);letter-spacing:var(--ls-wide);text-transform:uppercase;font-size:7px;font-weight:600}.sb-tf-divider{background:var(--border-subtle);width:1px;margin:3px 2px}.sb-inspector{top:80px;right:var(--sp-4);z-index:10;width:280px;max-height:calc(100vh - 220px);display:none;position:absolute;overflow-y:auto}.sb-inspector.visible{display:block}.sb-inspector-inner{padding:var(--sp-4);background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--border-normal);border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.sb-inspector-header{padding-bottom:var(--sp-2);margin-bottom:var(--sp-3);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.sb-inspector-title{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:var(--ls-widest);color:var(--accent);text-transform:uppercase;font-weight:600}.sb-inspector-close{color:var(--text-dim);cursor:pointer;font-size:var(--fs-body);background:0 0;border:none;padding:2px 6px}.sb-inspector-close:hover{color:var(--text-primary)}.sb-inspector-section{margin-bottom:var(--sp-3)}.sb-inspector-section:last-child{margin-bottom:0}.sb-inspector-section-title{font-family:var(--font-mono);font-size:var(--fs-xxs);letter-spacing:var(--ls-widest);color:var(--text-dim);text-transform:uppercase;margin-bottom:var(--sp-2);font-weight:600}.sb-inspector-name{font-size:var(--fs-md);color:var(--text-primary);margin-bottom:2px;font-weight:500}.sb-inspector-type{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:var(--ls-wide);text-transform:uppercase}.sb-vec3-row{gap:var(--sp-1);margin-bottom:var(--sp-1);display:flex}.sb-vec3-input{flex:1;position:relative}.sb-vec3-label{font-family:var(--font-mono);font-size:var(--fs-xxs);letter-spacing:var(--ls-wider);text-transform:uppercase;pointer-events:none;font-weight:700;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.sb-vec3-input.axis-x .sb-vec3-label{color:var(--axis-x)}.sb-vec3-input.axis-y .sb-vec3-label{color:var(--axis-y)}.sb-vec3-input.axis-z .sb-vec3-label{color:var(--axis-z)}.sb-vec3-field{width:100%;font-family:var(--font-mono);font-size:var(--fs-sm);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-variant-numeric:tabular-nums;outline:none;padding:5px 4px 5px 18px}.sb-vec3-field:hover{border-color:var(--border-normal)}.sb-vec3-field:focus{border-color:var(--border-focus);background:var(--accent-soft)}.sb-color-row{gap:var(--sp-2);align-items:center;display:flex}.sb-color-picker{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:36px;height:26px;padding:2px}.sb-material-select{font-family:var(--font-sans);font-size:var(--fs-sm);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;flex:1;padding:5px 8px}.sb-object-list{bottom:104px;right:var(--sp-4);z-index:10;width:240px;max-height:260px;display:none;position:absolute;overflow-y:auto}.sb-object-list.visible{display:block}.sb-object-list-inner{padding:var(--sp-3);background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--border-normal);border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.sb-object-list-header{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:var(--ls-widest);color:var(--accent);text-transform:uppercase;margin-bottom:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-subtle);font-weight:600}.sb-object-list-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);margin-left:var(--sp-2);letter-spacing:var(--ls-wide)}.sb-obj-list-item{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:var(--fs-sm);color:var(--text-secondary);display:flex}.sb-obj-list-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sb-obj-list-item.selected{background:var(--bg-selected);color:var(--accent)}.sb-obj-list-icon{font-size:var(--fs-md);text-align:center;width:18px}.sb-obj-list-name{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.05em;flex:1}.sb-undo-redo{bottom:var(--sp-4);left:var(--sp-4);z-index:10;background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--border-normal);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);gap:2px;padding:3px;display:flex;position:absolute}.sb-ur-btn{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:26px;color:var(--text-secondary);font-size:var(--fs-md);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.sb-ur-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.sb-ur-btn:disabled{opacity:.3;cursor:not-allowed}.sb-save-status{bottom:var(--sp-4);right:var(--sp-4);z-index:10;padding:var(--sp-2) var(--sp-3);background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-panel);border:1px solid var(--border-normal);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);color:var(--text-dim);text-transform:uppercase;align-items:center;gap:var(--sp-2);display:flex;position:absolute}.sb-save-dot{background:var(--text-faint);width:6px;height:6px;transition:all var(--transition-med);border-radius:50%}.sb-save-status.saved .sb-save-dot{background:var(--success)}.sb-save-status.saving .sb-save-dot{background:var(--warning);animation:.8s infinite pulse}.sb-save-status.unsaved .sb-save-dot{background:var(--accent)}.sb-save-status.error .sb-save-dot{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sb-controls-hint{bottom:50px;left:var(--sp-4);z-index:9;font-family:var(--font-mono);font-size:var(--fs-xxs);color:var(--text-faint);letter-spacing:var(--ls-wider);text-transform:uppercase;pointer-events:none;opacity:.8;line-height:1.8;position:absolute}.sb-controls-hint span{color:var(--accent-dim)}.sb-loading{background:var(--bg-base);z-index:100;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.sb-loading.hidden{opacity:0;pointer-events:none}.sb-loading-content{text-align:center}.sb-loading-title{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:var(--ls-widest);color:var(--accent);text-transform:uppercase;margin-bottom:var(--sp-3);font-weight:600}.sb-loading-sub{font-size:var(--fs-body);color:var(--text-secondary);margin-bottom:var(--sp-4)}.sb-loading-spinner{border:2px solid #7ac4e626;border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;margin:0 auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-head{padding:var(--sp-8) var(--sp-8) var(--sp-4);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--sp-6)}.page-kicker{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);color:var(--accent);text-transform:uppercase;margin-bottom:var(--sp-2);font-weight:600}.page-title{font-size:var(--fs-2xl);color:var(--text-primary);margin-bottom:var(--sp-2);letter-spacing:var(--ls-tight);font-weight:400}.page-lede{font-size:var(--fs-body);color:var(--text-secondary);max-width:680px;margin-bottom:var(--sp-4);line-height:1.6}.page-actions{gap:var(--sp-2);margin-top:var(--sp-4);display:flex}#beats,#voices,#pacing-body,#stats-body,#settings-body{padding:0 var(--sp-8) var(--sp-8)}.beat-spread,.beat-row,.variant-row{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-4);margin-bottom:var(--sp-3)}.beat-spread-head,.beat-row-head{margin-bottom:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;display:flex}.beat-num,.beat-kicker{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);color:var(--accent);text-transform:uppercase;margin-bottom:var(--sp-1);font-weight:600}.beat-role,.beat-title{font-size:var(--fs-md);color:var(--text-primary);margin-bottom:var(--sp-1);font-weight:500}.beat-meta,.beat-sub{font-size:var(--fs-xs);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:var(--ls-wide)}.beat-actions,.row-actions{gap:var(--sp-2);display:flex}.variant,.variant-card{padding:var(--sp-3);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--sp-2);position:relative}.variant-head,.variant-row{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.variant-label,.variant-num{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);color:var(--text-dim);text-transform:uppercase}.variant-text,.variant-body{font-size:var(--fs-body);color:var(--text-secondary);white-space:pre-wrap;line-height:1.6}.variant-actions,.variant-btns{gap:var(--sp-1);display:flex}.variant-actions button,.variant-btns button{font-size:var(--fs-xs);font-family:var(--font-mono);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:3px 8px}.variant-actions button:hover,.variant-btns button:hover{color:var(--accent);border-color:var(--accent-dim)}.variant.pinned{border-color:var(--accent-dim);background:var(--accent-soft)}.progress-log{margin:0 var(--sp-8) var(--sp-4);padding:var(--sp-4);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);max-height:160px;line-height:1.6;overflow-y:auto}.cfg-row,.settings-row,.form-row-legacy{gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--border-subtle);grid-template-columns:200px 1fr;align-items:center;display:grid}.cfg-label,.settings-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-secondary);font-weight:500}.cfg-value,.settings-value{color:var(--text-primary)}.cfg-hint,.settings-hint{font-size:var(--fs-xs);color:var(--text-dim);margin-top:2px}input[type=text],input[type=password],input[type=number],input[type=email],textarea,select{padding:var(--sp-2) var(--sp-3);font-family:var(--font-sans);font-size:var(--fs-md);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--transition-fast), background var(--transition-fast)}input[type=text]:hover,input[type=password]:hover,input[type=number]:hover,textarea:hover,select:hover{border-color:var(--border-normal)}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--border-focus);background:var(--accent-soft)}textarea{resize:vertical;width:100%;min-height:100px;line-height:1.6}input[type=number]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;width:100px}button.btn-sm,button.small-btn{font-size:var(--fs-sm);letter-spacing:var(--ls-wide);text-transform:uppercase;padding:5px 10px;font-weight:600}.empty{text-align:center;padding:var(--sp-10);color:var(--text-dim)}.empty-title{font-size:var(--fs-md);color:var(--text-secondary);margin-bottom:var(--sp-2)}.empty-hint{font-size:var(--fs-sm)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:150;background:#000000b3;justify-content:center;align-items:center;animation:.18s fade-in;display:flex;position:fixed;inset:0}.modal-container{width:100%;max-width:520px;padding:var(--sp-6);background:var(--bg-elevated);border:1px solid var(--border-normal);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift)}.modal-header{margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--fs-xl);color:var(--text-primary);font-weight:500}.modal-close{color:var(--text-dim);cursor:pointer;font-size:var(--fs-xl);transition:color var(--transition-fast);background:0 0;border:none;padding:4px 10px}.modal-close:hover{color:var(--text-primary)}.modal-body{padding-top:var(--sp-2)}.wizard-step{gap:var(--sp-3);flex-direction:column;display:flex}.wizard-step-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);color:var(--accent);text-transform:uppercase;margin-bottom:var(--sp-3);font-weight:600}.form-group{gap:var(--sp-2);margin-bottom:var(--sp-3);flex-direction:column;display:flex}.form-group label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-secondary);font-weight:500}.form-group input,.form-group textarea,.form-group select{padding:var(--sp-2) var(--sp-3);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-md)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--border-focus);background:var(--accent-soft);outline:none}.wizard-actions{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border-subtle);display:flex}:root{--ink:var(--bg-base);--ink-card:var(--bg-elevated);--ink-line:var(--border-subtle);--paper:var(--text-primary);--paper-mute:var(--text-faint);--paper-faded:var(--text-dim);--paper-dim:var(--text-secondary);--gold:var(--accent);--mono:var(--font-mono);--serif:var(--font-sans)}#beats{padding:0 var(--sp-8) var(--sp-8)}.beat-feature{gap:var(--sp-6);padding:var(--sp-5);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--sp-3);cursor:pointer;transition:all var(--transition-fast);grid-template-columns:100px 1fr;display:grid}.beat-feature:hover{border-color:var(--border-normal)}.beat-feature.open{border-color:var(--accent-dim)}.beat-figure{padding-top:var(--sp-1);flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.beat-number{font-family:var(--font-sans);color:var(--accent);letter-spacing:var(--ls-tight);font-size:42px;font-weight:200;line-height:1}.beat-number-small{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);color:var(--text-dim);text-transform:uppercase;margin-top:var(--sp-2);font-weight:600}.beat-body{min-width:0}.beat-role{font-size:var(--fs-lg);color:var(--text-primary);margin-bottom:var(--sp-2);letter-spacing:var(--ls-tight);font-weight:500}.beat-kicker{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-dim);gap:var(--sp-3);margin-bottom:var(--sp-3);align-items:center;display:flex}.beat-kicker-sep{color:var(--text-faint)}.beat-actions-bar{margin-bottom:var(--sp-4)}.beat-variants{gap:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid var(--border-subtle);flex-direction:column;display:none}.beat-feature.open .beat-variants{display:flex}.variant-article{padding:var(--sp-4);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--transition-fast)}.variant-article:hover{border-color:var(--border-normal)}.variant-article.pinned{border-color:var(--accent-dim);background:var(--accent-soft)}.variant-head{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.variant-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);color:var(--accent);text-transform:uppercase;font-weight:600}.variant-actions{gap:var(--sp-1);display:flex}.variant-text{font-size:var(--fs-md);color:var(--text-secondary);white-space:pre-wrap;line-height:1.7}.variant-text[contenteditable=true]{outline:1px solid var(--accent-dim);outline-offset:3px;background:var(--accent-soft);color:var(--text-primary);border-radius:2px}.btn-icon{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:30px;height:26px;color:var(--text-dim);cursor:pointer;font-size:var(--fs-md);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover:not(:disabled){background:var(--bg-hover);color:var(--accent);border-color:var(--accent-dim)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon.btn-danger{color:var(--danger);border-color:var(--danger-border)}.btn-icon.btn-danger:hover{background:var(--danger-bg);border-color:var(--danger)}.log-line{gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wide);padding:2px 0;line-height:1.7;display:flex}.log-status{width:14px;font-weight:700;display:inline-block}.log-ok{color:var(--success)}.log-err{color:var(--danger)}.log-pending{color:var(--accent)}.log-text{color:var(--text-secondary)}.preview-player{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:var(--ls-wide)}.preview-player.hidden{display:none}.voices-grid{gap:var(--sp-3);padding:0 var(--sp-8) var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.voice-portrait{padding:var(--sp-5);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center}.voice-portrait-avatar{width:54px;height:54px;margin:0 auto var(--sp-3);background:var(--accent-soft);border:1px solid var(--accent-dim);font-family:var(--font-sans);color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:400;display:flex}.voice-portrait-name{font-size:var(--fs-md);color:var(--text-primary);margin-bottom:var(--sp-2);font-weight:500}.voice-portrait-desc{font-size:var(--fs-xs);color:var(--text-secondary);margin-bottom:var(--sp-3);line-height:1.6}.voice-portrait-count{font-family:var(--font-mono);font-size:var(--fs-xxs);letter-spacing:var(--ls-wider);color:var(--accent);text-transform:uppercase;font-weight:600}.section-head{padding:0 var(--sp-8);margin-top:var(--sp-6);margin-bottom:var(--sp-3)}.section-head .section-title{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);color:var(--text-dim);text-transform:uppercase;font-weight:600}.assignments{padding:0 var(--sp-8) var(--sp-8);gap:var(--sp-1);flex-direction:column;display:flex}.assignment-row{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);grid-template-columns:40px 1fr auto auto;align-items:center;display:grid}.assignment-beat{font-family:var(--font-mono);font-size:var(--fs-md);color:var(--accent);font-weight:500}.assignment-role{font-size:var(--fs-body);color:var(--text-secondary)}.assignment-chips{gap:var(--sp-1);display:flex}.assignment-chip{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:5px 10px;font-weight:500}.assignment-chip:hover{color:var(--text-primary);border-color:var(--border-normal)}.assignment-chip.selected{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-dim);font-weight:600}#pacing-list{padding:0 var(--sp-8) var(--sp-8);gap:var(--sp-3);flex-direction:column;display:flex}#pacing-list .form-row{gap:var(--sp-4);padding:var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:260px 1fr;align-items:start;margin-bottom:0;display:grid}#pacing-list .form-label{font-family:var(--font-sans);font-size:var(--fs-md);letter-spacing:var(--ls-tight);text-transform:none;color:var(--text-primary);margin-bottom:var(--sp-1);font-weight:500;line-height:1.3}#pacing-list .form-hint{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:var(--ls-wide);margin-top:var(--sp-1)}.slider-wrap{align-items:center;gap:var(--sp-3);display:flex}.slider-wrap input[type=range]{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:1px;outline:none;flex:1;height:2px;padding:0}.slider-wrap input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;width:12px;height:12px;box-shadow:0 0 8px var(--accent-glow);transition:transform var(--transition-fast);border-radius:50%}.slider-wrap input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}.slider-wrap input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;width:12px;height:12px;box-shadow:0 0 8px var(--accent-glow);border:none;border-radius:50%}.slider-value{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;min-width:54px;letter-spacing:var(--ls-wide)}.stats-columns{gap:var(--sp-4);padding:0 var(--sp-8) var(--sp-8);grid-template-columns:1fr 1fr;display:grid}.stats-column-head{margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.stats-column-head>span{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-widest);color:var(--accent);text-transform:uppercase;font-weight:600}.stats-column-head .btn-icon{width:24px;height:22px}.single-card{gap:var(--sp-3);padding:var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--sp-2);grid-template-columns:120px 1fr 28px;align-items:center;display:grid}.single-value{font-family:var(--font-mono);font-size:var(--fs-xl);color:var(--accent);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:var(--ls-tight);font-weight:500}.single-inputs{gap:var(--sp-1);flex-direction:column;display:flex}.single-inputs input{font-family:var(--font-sans);font-size:var(--fs-sm);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:5px 8px}.single-inputs input:first-child{font-family:var(--font-mono);color:var(--accent);font-weight:500}.single-inputs input:last-child{color:var(--text-dim);font-size:var(--fs-xs)}.chart-card{padding:var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--sp-2)}.chart-title{width:100%;padding:var(--sp-2);font-family:var(--font-sans);font-size:var(--fs-md);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--sp-2);font-weight:500}.chart-meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:var(--ls-wide);margin-bottom:var(--sp-2)}.chart-preview{gap:var(--sp-3);padding:var(--sp-2);background:var(--bg-input);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-xs);flex-wrap:wrap;display:flex}.chart-preview>span{flex-direction:column;gap:2px;display:flex}.chart-dp-label{color:var(--text-dim);letter-spacing:var(--ls-wide);text-transform:uppercase}.chart-dp-val{color:var(--accent);font-weight:500}.status-list{padding:0 var(--sp-8);margin-bottom:var(--sp-3);flex-direction:column;gap:2px;display:flex}.status-row{padding:var(--sp-2) var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;display:flex}.status-label{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:var(--ls-wider);color:var(--text-secondary);text-transform:uppercase}.status-mark{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);font-weight:600}.status-mark.ok{color:var(--success)}.status-mark.err{color:var(--danger)}.danger-zone{margin:var(--sp-8) var(--sp-8) 0;padding:var(--sp-4);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-md)}.danger-zone-title{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:var(--ls-widest);color:var(--danger);text-transform:uppercase;margin-bottom:var(--sp-2);font-weight:600}.danger-zone-hint{font-size:var(--fs-body);color:var(--text-secondary);margin-bottom:var(--sp-3)}.form-control{width:100%;padding:var(--sp-2) var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-md);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary)}#settings-body,.settings-body{padding:0 var(--sp-8) var(--sp-8)}.section-view-header+.form-row,.page-head+div>.form-row{padding:var(--sp-4) var(--sp-8);border-bottom:1px solid var(--border-subtle);margin:0}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}#canvas-inner iframe{background:var(--bg-base)!important}.canvas-inner>div[style*=grid]{padding:0 var(--sp-8) var(--sp-8)}.modal-overlay .btn-primary{background:var(--accent-soft);border-color:var(--accent-dim);color:var(--accent)}.page-head{padding-bottom:var(--sp-4)}iframe#demo-frame{border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.canvas-inner div[style*=font-family] br+kbd,.canvas-inner div[style*=font-family] kbd:first-child{margin-right:var(--sp-2)}