@font-face{font-family:Geist;src:url(/demo-fonts/Geist-400.woff2)format("woff2-variations"),url(/demo-fonts/Geist-400.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/demo-fonts/GeistMono-400.woff2)format("woff2-variations"),url(/demo-fonts/GeistMono-400.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/demo-fonts/InstrumentSerif-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/demo-fonts/InstrumentSerif-400-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--zinc-50:#fafafa;--zinc-100:#f4f4f5;--zinc-200:#e4e4e7;--zinc-300:#d4d4d8;--zinc-400:#a1a1aa;--zinc-500:#71717a;--zinc-600:#52525b;--zinc-700:#3f3f46;--zinc-800:#27272a;--zinc-900:#18181b;--zinc-950:#09090b;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-950:#172554;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--cream-50:#fbf9f4;--cream-100:#f5f0e6;--cream-200:#e9e1d1;--bg:var(--zinc-950);--bg-raised:#0f0f11;--bg-subtle:var(--zinc-900);--bg-hover:var(--zinc-800);--border:var(--zinc-800);--border-strong:var(--zinc-700);--border-subtle:#27272a80;--fg1:#fff;--fg2:var(--zinc-300);--fg3:var(--zinc-400);--fg4:var(--zinc-500);--fg5:var(--zinc-600);--fg6:var(--zinc-700);--accent:var(--blue-500);--accent-fg:var(--blue-400);--accent-bg:#2563eb1f;--accent-cta:var(--blue-600);--accent-cta-hover:var(--blue-700);--status-pass:var(--emerald-500);--status-pass-fg:#34d399;--status-pass-bg:#10b9811a;--status-warn:var(--amber-500);--status-warn-fg:#fbbf24;--status-warn-bg:#f59e0b1a;--status-fail:var(--red-500);--status-fail-fg:#f87171;--status-fail-bg:#ef44441a;--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, system-ui, sans-serif;--font-mono:"Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;--font-serif:"Instrument Serif", "Fraunces", ui-serif, Georgia, serif;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tighter:-.04em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.05em;--tracking-widest:.12em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0003;--shadow:0 2px 6px #0000004d;--shadow-lg:0 10px 24px #0006;--shadow-xl:0 20px 40px #00000080}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg1);-webkit-font-smoothing:antialiased;font-size:13px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--zinc-700);border:2px solid var(--bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--zinc-600)}.demo-banner{z-index:60;color:var(--fg3);-webkit-backdrop-filter:blur(20px);background:#141e3c73;border-bottom:1px solid #3b82f62e;justify-content:center;align-items:center;gap:14px;padding:7px 60px 7px 16px;font-size:12px;display:flex;position:sticky;top:0}.demo-pill{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--blue-300);background:#2563eb26;border:1px solid #3b82f666;border-radius:3px;flex-shrink:0;padding:2px 7px;font-size:9px;font-weight:600}.demo-banner-text{color:var(--fg2);font-size:12px}.demo-banner-link{color:var(--blue-400);font-size:12px;font-weight:500;text-decoration:none;transition:color .12s}.demo-banner-link:hover{color:var(--blue-300)}.demo-banner-link.secondary{color:var(--fg4)}.demo-banner-link.secondary:hover{color:var(--fg2)}.demo-banner-dismiss{color:var(--fg5);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;line-height:1;position:absolute;right:14px}.demo-banner-dismiss:hover{color:var(--fg1);background:#ffffff0a}.app-header{z-index:40;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);background:#09090bb3;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:33px}.app-header.no-banner{top:0}.hdr-left{align-items:center;gap:12px;min-width:0;display:flex}.brand{color:var(--fg1);align-items:center;gap:8px;text-decoration:none;display:flex}.brand img{width:24px;height:24px}.brand h1{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:700;line-height:1}.brand h1 .b{color:var(--blue-500);font-weight:700}.brand-crumb{font-family:var(--font-mono);color:var(--fg5);letter-spacing:-.01em;white-space:nowrap;font-size:11px}.hdr-right{align-items:center;gap:8px;display:flex}.saved-pill{font-family:var(--font-mono);color:var(--fg5);letter-spacing:.04em;border-radius:4px;align-items:center;gap:6px;padding:4px 9px;font-size:10px;display:inline-flex}.saved-pill .dot{background:var(--amber-400);border-radius:9999px;width:6px;height:6px;box-shadow:0 0 0 3px #f59e0b1f}.iconbtn{color:var(--fg2);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;transition:background .12s,border-color .12s,color .12s;display:inline-flex;position:relative}.iconbtn:hover:not([disabled]){background:var(--bg-subtle);color:var(--fg1);border-color:var(--border-strong)}.iconbtn[disabled]{opacity:.6;cursor:not-allowed}.iconbtn.primary-disabled{color:#ffffffb3;background:#2563eb66;border-color:#3b82f680}.iconbtn .tooltip,button .btn-tip,button.disabled .btn-tip{background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--fg2);white-space:nowrap;pointer-events:none;opacity:0;font-size:11px;font-family:var(--font-sans);z-index:50;border-radius:6px;padding:6px 10px;font-weight:400;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 6px);right:0;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.iconbtn[disabled]:hover .tooltip,button[disabled]:hover .btn-tip{opacity:1;transform:translateY(0)}.btn-primary{background:var(--blue-600);color:#fff;border:1px solid var(--blue-600);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex;position:relative}.btn-primary:hover{background:var(--blue-700);border-color:var(--blue-700)}.btn-primary[disabled]{background:var(--blue-600);border-color:var(--blue-600);opacity:.5;cursor:not-allowed}.btn-primary.full{justify-content:center;width:100%;padding:10px 12px;font-size:13px}.btn-secondary{color:var(--fg2);border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.btn-secondary:hover{background:var(--bg-subtle);color:var(--fg1);border-color:var(--zinc-600)}.app-main{grid-template-columns:380px 1fr;min-height:calc(100vh - 89px);display:grid}.app-main.rail-collapsed{grid-template-columns:44px 1fr}.rail-show{background:var(--bg);border-right:1px solid var(--border);width:44px;height:calc(100vh - 89px);color:var(--fg5);cursor:pointer;border-top:none;border-bottom:none;border-left:none;justify-content:center;align-self:flex-start;align-items:flex-start;padding-top:16px;display:flex;position:sticky;top:89px}.rail-show:hover{background:var(--bg-subtle);color:var(--fg2)}.leftrail{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;align-self:flex-start;height:calc(100vh - 89px);display:flex;position:sticky;top:89px;overflow:hidden}.rail-sticky{border-bottom:1px solid var(--border);background:var(--bg)}.rail-newdesign{padding:12px 14px 10px}.rail-new-btn{background:var(--bg-raised);border:1px dashed var(--border-strong);width:100%;color:var(--fg2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:8px 10px;font-family:inherit;font-size:12px;transition:background .12s,border-color .12s;display:inline-flex;position:relative}.rail-new-btn:hover{background:var(--bg-subtle);border-color:var(--zinc-600);color:var(--fg1)}.rail-new-btn[disabled]{cursor:not-allowed;opacity:.7}.rail-new-btn:hover .btn-tip{opacity:1;transform:translateY(0)}.rail-tabs{align-items:stretch;padding:0 6px;display:flex}.rail-tab{color:var(--fg4);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;margin-bottom:-1px;padding:9px 8px;font-family:inherit;font-size:12px;transition:color .12s,border-color .12s;display:inline-flex}.rail-tab:hover{color:var(--fg2)}.rail-tab.active{color:var(--fg1);border-bottom-color:var(--blue-500)}.rail-tab .rail-tab-count{font-family:var(--font-mono);color:var(--fg5);margin-left:2px;font-size:10.5px}.rail-tab.active .rail-tab-count{color:var(--blue-400)}.rail-tab .rfn-spark{filter:hue-rotate();font-size:11px}.rail-hide{color:var(--fg5);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 8px;display:inline-flex}.rail-hide:hover{color:var(--fg2)}.rail-scroll{flex:1;padding:0;overflow-y:auto}.rail-design{flex-direction:column;gap:14px;padding:14px;display:flex}.rail-field{flex-direction:column;gap:6px;display:flex}.rail-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--fg5);font-size:9.5px;font-weight:500}.rail-textarea{background:var(--bg-subtle);border:1px solid var(--border);color:var(--fg1);font-family:var(--font-sans);resize:none;border-radius:6px;width:100%;min-height:90px;padding:10px 12px;font-size:12.5px;line-height:1.5}.rail-textarea:focus{border-color:#3b82f699;outline:none;box-shadow:0 0 0 3px #3b82f61f}.dims{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.field input{background:var(--bg-subtle);border:1px solid var(--border);width:100%;color:var(--fg1);font-family:var(--font-mono);font-feature-settings:"tnum" 1;border-radius:6px;padding:7px 10px;font-size:12px}.dims-meta{font-family:var(--font-mono);color:var(--fg6);text-transform:uppercase;letter-spacing:.08em;text-align:center;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:2px;font-size:9.5px;display:grid}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{background:var(--bg-subtle);color:var(--fg3);border:1px solid var(--border);cursor:pointer;border-radius:9999px;padding:4px 10px;font-family:inherit;font-size:11.5px;transition:background .12s,color .12s,border-color .12s}.chip:hover{color:var(--fg1);border-color:var(--zinc-600)}.chip.active{color:var(--blue-300);background:#2563eb26;border-color:#3b82f666}.budget-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.bc-title{color:var(--fg1);font-size:12px;font-weight:600}.bc-value{font-family:var(--font-mono);color:var(--fg1);letter-spacing:-.02em;font-feature-settings:"tnum" 1;font-size:22px;font-weight:600}.bc-foot{font-family:var(--font-mono);color:var(--fg5);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.bc-bar{background:var(--bg-subtle);border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.bc-bar-fill{background:var(--blue-500);border-radius:2px;height:100%;transition:width .25s ease-out}.bc-pct{font-family:var(--font-mono);color:var(--fg5);letter-spacing:.04em;font-size:10px}.rail-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.rail-card.collapsed .rc-body{display:none}.rc-head{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.rc-title{color:var(--fg1);font-size:12px;font-weight:600}.rc-meta{font-family:var(--font-mono);color:var(--fg5);text-transform:uppercase;letter-spacing:.08em;font-size:9.5px}.rc-body{flex-direction:column;gap:9px;margin-top:12px;display:flex}.kv-block{flex-direction:column;gap:2px;display:flex}.kv-eyebrow{font-family:var(--font-mono);color:var(--fg5);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.kv-val{color:var(--fg2);font-size:12px;line-height:1.4}.kv-val.mono{font-family:var(--font-mono);color:var(--fg1);font-size:11.5px}.kv-val.notes{color:var(--fg3);font-style:italic}.rfn-rail{flex-direction:column;height:100%;display:flex}.rfn-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:14px 16px 10px;display:flex}.rfn-title{color:var(--fg1);font-size:13px;font-weight:600}.rfn-body{flex-direction:column;flex:1;gap:18px;padding:16px;display:flex}.rfn-section{flex-direction:column;gap:8px;display:flex}.rfn-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--fg5);font-size:9.5px;font-weight:500}.rfn-intent-list{border:1px solid var(--border);background:var(--bg-raised);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.rfn-intent{border:none;border-top:1px solid var(--border-subtle);text-align:left;cursor:pointer;color:var(--fg2);background:0 0;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;transition:background .12s;display:flex;position:relative}.rfn-intent:first-child{border-top:none}.rfn-intent:hover{background:var(--bg-subtle)}.rfn-intent.active{background:#2563eb14}.rfn-radio{border:1.5px solid var(--zinc-600);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.rfn-radio.on{border-color:var(--blue-500)}.rfn-radio-dot{background:var(--blue-500);border-radius:9999px;width:6px;height:6px}.rfn-intent-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.rfn-intent-label{color:var(--fg1);font-size:12.5px;font-weight:500}.rfn-intent-sub{color:var(--fg4);font-size:11px}.rfn-warn-badge{background:var(--amber-500);color:#18120a;font-family:var(--font-mono);border-radius:9999px;flex-shrink:0;padding:1px 7px;font-size:10px;font-weight:600}.rfn-tiers{border:1px solid var(--border);background:var(--bg-raised);border-radius:8px;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.rfn-tier{border:none;border-left:1px solid var(--border-subtle);color:var(--fg4);cursor:pointer;letter-spacing:.02em;background:0 0;padding:8px 4px;font-family:inherit;font-size:11px;transition:background .12s,color .12s}.rfn-tier:first-child{border-left:none}.rfn-tier:hover{background:var(--bg-subtle);color:var(--fg2)}.rfn-tier.active{color:var(--blue-300);background:#2563eb2e;font-weight:500}.rfn-eco{flex-wrap:wrap;gap:6px;display:flex}.rfn-eco-chip{background:var(--bg-subtle);color:var(--fg3);border:1px solid var(--border);cursor:pointer;border-radius:9999px;padding:5px 11px;font-family:inherit;font-size:11.5px;transition:background .12s,color .12s,border-color .12s}.rfn-eco-chip:hover{color:var(--fg1);border-color:var(--zinc-600)}.rfn-eco-chip.active{color:var(--blue-300);background:#2563eb26;border-color:#3b82f666}.rfn-eco-meta{font-family:var(--font-mono);color:var(--fg5);text-transform:lowercase;letter-spacing:.04em;margin:4px 0 0;font-size:10px}.rfn-constraints{border:1px solid var(--border);background:var(--bg-raised);border-radius:8px;overflow:hidden}.rfn-toggle{border:none;border-top:1px solid var(--border-subtle);text-align:left;cursor:pointer;width:100%;color:var(--fg2);background:0 0;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;transition:background .12s;display:flex}.rfn-toggle.first{border-top:none}.rfn-toggle:hover{background:var(--bg-subtle)}.rfn-switch{background:var(--zinc-700);border-radius:9999px;flex-shrink:0;width:28px;height:16px;transition:background .15s;position:relative}.rfn-switch.on{background:var(--blue-600)}.rfn-knob{background:#fff;border-radius:9999px;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.rfn-switch.on .rfn-knob{transform:translate(12px)}.rfn-toggle-text{flex-direction:column;flex:1;gap:1px;display:flex}.rfn-toggle-label{color:var(--fg1);font-size:12.5px;font-weight:500}.rfn-toggle-detail{color:var(--fg4);font-size:11px}.rfn-footer{border-top:1px solid var(--border);align-items:center;gap:10px;padding:12px 14px;display:flex}.rfn-spacer{flex:1}.rfn-reset{border:1px solid var(--border);color:var(--fg3);cursor:pointer;background:0 0;border-radius:6px;padding:7px 12px;font-family:inherit;font-size:12px}.rfn-reset:hover{color:var(--fg1);border-color:var(--border-strong)}.rfn-generate{background:var(--blue-600);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:500;position:relative}.rfn-generate[disabled]{opacity:.5;cursor:not-allowed}.rfn-generate:hover .btn-tip{opacity:1;transform:translateY(0)}.versions-tab{flex-direction:column;gap:12px;padding:14px;display:flex}.version-row{border:1px solid var(--border);background:var(--bg-raised);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.version-row.active{background:#2563eb0a;border-color:#3b82f666}.version-num{font-family:var(--font-mono);color:var(--blue-300);font-size:14px;font-weight:600}.version-meta{flex-direction:column;gap:2px;display:flex}.version-label{color:var(--fg1);font-size:12.5px;font-weight:500}.version-sub{color:var(--fg5);font-size:11px;font-family:var(--font-mono)}.version-pill{font-family:var(--font-mono);letter-spacing:.12em;color:var(--blue-300);background:#2563eb2e;border-radius:3px;padding:3px 8px;font-size:9px;font-weight:600}.versions-empty{border:1px dashed var(--border);text-align:center;border-radius:8px;flex-direction:column;gap:6px;padding:22px 16px;display:flex}.ve-glyph{color:var(--fg6);font-size:22px;font-family:var(--font-mono)}.ve-title{color:var(--fg2);font-size:12.5px;font-weight:500}.ve-sub{color:var(--fg5);text-wrap:pretty;font-size:11px;line-height:1.5}.workarea{flex-direction:column;min-width:0;display:flex}.tabs{border-bottom:1px solid var(--border);background:var(--bg);scrollbar-width:none;flex-shrink:0;padding:0 14px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--fg4);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:11px 14px;font-family:inherit;font-size:12.5px;transition:color .12s,border-color .12s;display:flex}.tab:hover{color:var(--fg2)}.tab.active{color:var(--fg1);border-bottom-color:var(--blue-500)}.tab-count{font-family:var(--font-mono);color:var(--fg5);font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;font-size:10.5px}.tab.active .tab-count{color:var(--blue-400)}.tab-badge{font-family:var(--font-mono);color:#18120a;background:var(--amber-400);font-feature-settings:"tnum" 1;border-radius:9999px;padding:1px 6px;font-size:9.5px;font-weight:600}.tab-mobile-select{display:none}.totals-bar{border-bottom:1px solid var(--border);background:var(--bg-raised);font-family:var(--font-mono);scrollbar-width:none;flex-shrink:0;align-items:center;gap:24px;padding:9px 18px;display:flex;overflow-x:auto}.totals-bar::-webkit-scrollbar{display:none}.t-item{white-space:nowrap;align-items:baseline;gap:6px;display:inline-flex}.t-lbl{color:var(--fg5);text-transform:uppercase;letter-spacing:.12em;font-size:9.5px}.t-val{color:var(--fg1);letter-spacing:-.01em;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.t-val.ok{color:var(--emerald-400)}.t-val.warn{color:var(--amber-400)}.t-sub{color:var(--fg5);text-transform:uppercase;letter-spacing:.06em;font-size:9.5px}.t-spark{width:36px;height:12px;color:var(--fg5);margin-left:2px}.tab-body{flex:1;min-width:0}.canvas{background:radial-gradient(circle, #3f3f4673 1px, transparent 1px), var(--bg);background-size:22px 22px;min-height:540px;position:relative}.canvas-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);z-index:3;background:#09090bcc;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0}.zoom-controls{color:var(--fg3);font-size:11px;font-family:var(--font-mono);align-items:center;gap:6px;display:flex}.zbtn{border:1px solid var(--border);width:26px;height:26px;color:var(--fg3);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.zbtn:hover{background:var(--bg-subtle);color:var(--fg1)}.zbtn.fit{letter-spacing:.06em;text-transform:uppercase;width:auto;padding:0 10px;font-size:10px}.zoom-pct{padding:0 4px}.canvas-legend{color:var(--fg4);flex-wrap:wrap;gap:14px;font-size:10px;display:flex}.legend-item{text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);align-items:center;gap:5px;display:flex}.legend-swatch{border-radius:1px;width:14px;height:2px;display:inline-block}.canvas-scroll{background:0 0;overflow:auto hidden}.canvas-scroll::-webkit-scrollbar{height:8px}.canvas-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.canvas-inner{width:1180px;height:480px;margin:24px auto 28px;position:relative}.edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.node{cursor:pointer;background:var(--bg-raised);border:1.5px solid;border-radius:8px;width:168px;padding:8px 12px;transition:transform .12s,box-shadow .12s;position:absolute}.node:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000080,0 0 0 3px #3b82f62e}.node-top{align-items:center;gap:7px;display:flex}.node-ic{font-size:13px;line-height:1}.node-role{text-transform:uppercase;letter-spacing:.1em;font-size:8.5px;font-family:var(--font-mono);font-weight:600;line-height:1}.node-mdl{color:var(--fg1);letter-spacing:-.01em;font-size:12px;font-weight:600;line-height:1.2;font-family:var(--font-mono);margin-top:4px}.node-meta{color:var(--fg4);font-size:10px;font-family:var(--font-mono);justify-content:space-between;margin-top:2px;display:flex}.node-meta .qty{color:var(--fg2)}.bom-toolbar{border-bottom:1px solid var(--border);background:var(--bg);z-index:2;justify-content:space-between;align-items:center;padding:12px 18px;display:flex;position:sticky;top:0}.bom-counts{gap:24px;display:flex}.bom-count-item{align-items:baseline;gap:6px;display:flex}.bom-count-item .val{font-family:var(--font-mono);color:var(--fg1);font-feature-settings:"tnum" 1;font-size:16px;font-weight:600}.bom-count-item .lbl{font-family:var(--font-mono);color:var(--fg5);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.bom-table-wrap{overflow-x:auto}.bom-table{border-collapse:collapse;width:100%;min-width:720px;font-size:12.5px}.bom-table thead{background:var(--bg-subtle);position:sticky;top:0}.bom-table th{text-align:left;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg4);border-bottom:1px solid var(--border);background:var(--bg-subtle);white-space:nowrap;padding:10px 14px;font-size:9.5px;font-weight:500}.bom-table td{border-bottom:1px solid var(--border-subtle);color:var(--fg2);vertical-align:middle;padding:10px 14px}.bom-table tr:hover td{background:#ffffff04}.bom-table .c-qty{width:56px;color:var(--fg1);font-weight:500;font-family:var(--font-mono);font-feature-settings:"tnum" 1}.bom-table .c-mfr{width:116px;color:var(--fg2)}.bom-table .c-sku{width:178px;color:var(--blue-400);font-family:var(--font-mono);font-size:11.5px}.bom-table .c-role{color:var(--fg2);font-size:12.5px}.bom-table .c-role .sub{color:var(--fg5);margin-top:2px;font-size:11px;display:block}.bom-table .c-unit,.bom-table .c-line{text-align:right;width:96px;color:var(--fg2);font-family:var(--font-mono);font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.bom-table .c-line{color:var(--fg1);font-weight:500}.bom-table tfoot td{color:var(--fg3);font-family:var(--font-mono);border-bottom:none;padding:8px 14px}.bom-table tfoot tr:first-child td{border-top:1px solid var(--border);padding-top:12px}.bom-table .tf-lbl{text-align:right}.bom-table .tf-total td{color:var(--fg1);padding-top:10px;padding-bottom:16px;font-size:13px;font-weight:600}.bom-table .tf-total .c-line{font-size:16px}.bom-table .row-cable td{color:var(--fg3)}.bom-table .row-cable .c-sku{color:var(--blue-400);opacity:.85}.bom-table .row-cable .c-mfr{color:var(--fg4)}.floor-toolbar{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.floor-meta{color:var(--fg3);font-size:11px;font-family:var(--font-mono);align-items:center;gap:16px;display:flex}.floor-meta .sep{color:var(--fg6)}.floor-meta .v{color:var(--fg1)}.floor-canvas{background:radial-gradient(circle, #3f3f4652 1px, transparent 1px) 0 0/18px 18px, var(--bg);justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;overflow-x:auto}.rack-wrap{grid-template-columns:220px 1fr 260px;gap:24px;padding:24px;display:grid}.rack-stat{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:12px 14px}.rack-stat .val{font-family:var(--font-mono);color:var(--fg1);letter-spacing:-.02em;font-feature-settings:"tnum" 1;font-size:22px;font-weight:600}.rack-stat .val .unit{color:var(--fg4);margin-left:2px;font-size:14px}.rack-stat .val.ok{color:var(--emerald-400)}.rack-stat .val.warn{color:var(--amber-400)}.rack-stat .lbl{font-family:var(--font-mono);color:var(--fg5);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:10px}.rack-stat .bar{background:var(--bg-subtle);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.rack-stat .bar-fill{background:var(--blue-500);border-radius:2px;height:100%}.rack-stat .bar-fill.warn{background:var(--amber-500)}.rack-center{justify-content:center;padding-top:4px;display:flex}.rack-frame{border:2px solid var(--zinc-700);background:#050505;border-radius:6px;flex-direction:column;width:380px;display:flex}.rack-plate{background:var(--zinc-800);color:var(--fg4);text-align:center;text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-family:var(--font-mono);padding:7px}.rack-slots{background:#050505;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.rack-slot{border:1px solid;border-radius:3px;align-items:center;gap:12px;min-height:30px;padding:7px 12px;display:flex}.rack-slot.empty{border-style:dashed;border-color:var(--border);background:0 0}.rack-u{color:var(--fg5);text-transform:uppercase;letter-spacing:.06em;width:36px;font-size:9px;font-family:var(--font-mono)}.rack-label{font-size:12px;font-weight:500;font-family:var(--font-mono);letter-spacing:-.01em;flex:1}.rack-side-title{font-family:var(--font-mono);color:var(--fg5);text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px;font-size:10px;font-weight:500}.rack-load-list{flex-direction:column;gap:11px;display:flex}.rack-load-item{font-family:var(--font-mono);grid-template-columns:1fr auto;align-items:baseline;gap:8px;display:grid}.rack-load-item .lbl{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.rack-load-item .num{color:var(--fg1);text-align:right;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;font-size:12px}.rack-load-item .num.warn{color:var(--amber-400)}.rack-load-item .bar{background:var(--bg-subtle);border-radius:2px;grid-column:1/3;height:3px;margin-top:-4px;overflow:hidden}.rack-load-item .bar-fill{background:var(--blue-500);height:100%}.rack-load-item .bar-fill.warn{background:var(--amber-500)}.comp-wrap{padding:22px 22px 28px}.comp-summary{grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-bottom:24px;display:grid}.comp-sum-card{border:1px solid var(--border);background:var(--bg-raised);border-radius:8px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.comp-sum-card.pass{border-color:#10b9814d}.comp-sum-card.warn{border-color:#f59e0b4d}.comp-sum-card .val{font-family:var(--font-mono);letter-spacing:-.02em;font-feature-settings:"tnum" 1;font-size:22px;font-weight:600}.comp-sum-card.pass .val{color:var(--emerald-400)}.comp-sum-card.warn .val{color:var(--amber-400)}.comp-sum-card.fail .val{color:var(--red-400)}.comp-sum-card.neutral .val{color:var(--fg1)}.comp-sum-card .lbl{font-family:var(--font-mono);color:var(--fg5);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.comp-list{flex-direction:column;gap:6px;display:flex}.comp-row{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;grid-template-columns:22px 1fr 240px;align-items:center;gap:14px;padding:12px 14px;display:grid}.comp-row.pass{background:#10b9810a;border-color:#10b9812e}.comp-row.warn{background:#f59e0b0d;border-color:#f59e0b40}.comp-row.fail{background:#ef44440d;border-color:#ef444440}.comp-gl{font-family:var(--font-mono);text-align:center;font-size:14px;font-weight:600}.comp-gl.pass{color:var(--emerald-400)}.comp-gl.warn{color:var(--amber-400)}.comp-gl.fail{color:var(--red-400)}.comp-title{color:var(--fg1);letter-spacing:-.005em;font-size:13px;font-weight:500}.comp-detail{color:var(--fg4);text-wrap:pretty;margin-top:4px;font-size:11.5px;line-height:1.45}.comp-detail .em{color:var(--fg2);font-family:var(--font-mono);font-size:11px}.comp-code{font-family:var(--font-mono);color:var(--fg5);text-align:right;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.scope-wrap{max-width:760px;padding:28px 32px}.scope-section{margin-bottom:28px}.scope-section:last-child{margin-bottom:0}.scope-eyebrow{font-family:var(--font-mono);color:var(--fg5);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:10px}.scope-title{color:var(--fg1);letter-spacing:-.01em;margin:0 0 12px;font-size:16px;font-weight:600}.scope-body{color:var(--fg3);text-wrap:pretty;font-size:13.5px;line-height:1.65}.scope-body p{margin:0 0 14px}.scope-body p:last-child{margin:0}.scope-body .em{color:var(--fg1)}.scope-body .mono{font-family:var(--font-mono);color:var(--fg2);font-size:12.5px}.scope-body strong{color:var(--fg1);font-weight:600}.footer-band{border-top:1px solid var(--border);background:var(--bg);text-align:center;flex-direction:column;align-items:center;gap:18px;padding:64px 24px 72px;display:flex}.footer-eyebrow{font-family:var(--font-mono);color:var(--fg5);text-transform:uppercase;letter-spacing:.18em;font-size:10px}.footer-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--fg1);max-width:540px;margin:0;font-size:40px;font-weight:400;line-height:1.1}.footer-title em{color:var(--blue-400);font-style:italic}.footer-sub{color:var(--fg3);text-wrap:pretty;max-width:480px;margin:0;font-size:14px;line-height:1.55}.footer-ctas{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.footer-ctas .btn-primary,.footer-ctas .btn-secondary{padding:11px 20px;font-size:13px}.footer-meta{font-family:var(--font-mono);color:var(--fg6);text-transform:uppercase;letter-spacing:.12em;margin-top:18px;font-size:10px}@media (max-width:1080px){.rack-wrap{grid-template-columns:1fr}}@media (max-width:960px){.comp-summary{grid-template-columns:repeat(2,1fr)}.comp-row{grid-template-columns:22px 1fr}.comp-row .comp-code{display:none}}@media (max-width:760px){.app-main{grid-template-columns:1fr}.leftrail{border-right:none;border-bottom:1px solid var(--border);height:auto;position:static}.rail-show,.tabs{display:none}.tab-mobile-select{background:var(--bg-subtle);border:1px solid var(--border);width:calc(100% - 28px);color:var(--fg1);border-radius:6px;margin:12px 14px 0;padding:10px 12px;font-family:inherit;font-size:13px;display:block}.footer-title{font-size:30px}.brand-crumb{display:none}}.tour-root{z-index:9999;pointer-events:none;font-family:var(--font-sans);position:fixed;inset:0}.tour-overlay{pointer-events:auto;position:fixed;inset:0}.tour-dim{pointer-events:auto;background:#07090ebd;position:fixed}.tour-spotlight{pointer-events:none;border:1.5px solid #60a5fad9;border-radius:8px;animation:2.4s ease-in-out infinite tour-ring-pulse;position:fixed;box-shadow:0 0 0 1px #60a5fa40,0 0 24px #60a5fa59,inset 0 0 0 1px #ffffff0a}.tour-ring{filter:drop-shadow(0 0 12px #60a5fa73);animation:2.4s ease-in-out infinite tour-ring-pulse}@keyframes tour-ring-pulse{0%,to{opacity:.95}50%{opacity:.55}}.tour-tip{pointer-events:auto;width:384px;max-width:calc(100vw - 24px);color:var(--fg1);opacity:1;background:linear-gradient(#0e1320 0%,#0a0e18 100%);border:1px solid #60a5fa52;border-radius:10px;padding:18px 20px 16px;transition:opacity .2s;position:fixed;box-shadow:0 24px 64px #0000008c,0 4px 14px #00000059,inset 0 1px #ffffff0a}.tour-tip:before{content:"";background:linear-gradient(135deg,#0e1320,#0a0e18);border:1px solid #60a5fa52;width:12px;height:12px;position:absolute;transform:rotate(45deg)}.tour-tip.arrow-right:before{border-top:none;border-right:none;margin-top:-6px;top:50%;left:-7px}.tour-tip.arrow-left:before{border-bottom:none;border-left:none;margin-top:-6px;top:50%;right:-7px}.tour-tip.arrow-bottom:before{border-bottom:none;border-right:none;margin-left:-6px;top:-7px;left:50%}.tour-tip.arrow-top:before{border-top:none;border-left:none;margin-left:-6px;bottom:-7px;left:50%}.tour-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-400);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;display:flex}.tour-eyebrow-counter{color:var(--fg3);font-weight:500}.tour-title{letter-spacing:-.012em;color:var(--fg0);text-wrap:balance;margin:0 0 10px;font-size:17px;font-weight:600;line-height:1.32}.tour-body{color:var(--fg2);font-size:13px;line-height:1.55}.tour-body p{margin:0 0 9px}.tour-body p:last-child{margin-bottom:0}.tour-body p.plain{color:var(--fg3);border-left:2px solid #60a5fa59;margin-top:10px;padding:4px 0 4px 10px;font-size:12.5px;font-style:italic;line-height:1.5}.tour-body p.plain em{color:var(--fg2);font-style:normal;font-weight:600}.tour-body code{font-family:var(--font-mono);color:var(--fg1);background:#60a5fa14;border:1px solid #60a5fa2e;border-radius:3px;padding:1px 5px;font-size:11.5px}.tour-body strong{color:var(--fg1);font-weight:600}.tour-controls{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:16px;padding-top:12px;display:flex}.tour-progress{align-items:center;gap:4px;margin-left:4px;display:flex}.tour-dot{background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:50%;width:5px;height:5px;transition:all .16s}.tour-dot.done{background:#60a5fa66;border-color:#60a5fa80}.tour-dot.on{background:var(--blue-400);border-color:var(--blue-400);width:6px;height:6px;box-shadow:0 0 8px #60a5fa99}.tour-spacer{flex:1}.tour-btn{height:28px;font-family:var(--font-sans);cursor:pointer;color:var(--fg2);background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.tour-btn:disabled{opacity:.4;cursor:default}.tour-btn.ghost{border-color:var(--border-strong);background:var(--bg-subtle)}.tour-btn.ghost:hover:not(:disabled){border-color:var(--border-strong);color:var(--fg1);background:#ffffff0a}.tour-btn.primary{background:var(--blue-400);color:#07121f;border-color:var(--blue-400);font-weight:600}.tour-btn.primary:hover{background:var(--blue-500,#4f93f7);filter:brightness(1.06)}.tour-close{width:22px;height:22px;color:var(--fg3);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background .12s,color .12s;display:flex;position:absolute;top:8px;right:9px}.tour-close:hover{background:var(--bg-subtle);color:var(--fg1)}.demo-banner-tour{height:22px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--blue-400);cursor:pointer;background:#60a5fa14;border:1px solid #60a5fa52;border-radius:4px;align-items:center;gap:6px;margin:0 4px 0 12px;padding:0 9px;font-size:10.5px;transition:background .12s,border-color .12s;display:inline-flex}.demo-banner-tour:hover{background:#60a5fa29;border-color:#60a5fa80}.tour-toast{z-index:9998;font-family:var(--font-sans);color:var(--fg1);background:linear-gradient(#0e1320 0%,#0a0e18 100%);border:1px solid #4ade8073;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;animation:.28s cubic-bezier(.2,.7,.2,1) tour-toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000080,0 0 0 1px #4ade801f}@keyframes tour-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.tour-toast-check{color:#4ade80;background:#4ade8026;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;display:inline-flex}.tour-toast-text{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg2);font-size:11.5px}.tour-toast-x{width:20px;height:20px;color:var(--fg3);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:4px;font-size:16px;line-height:1}.tour-toast-x:hover{background:var(--bg-subtle);color:var(--fg1)}body[data-tour-cta-pulse] [data-tour=footer-cta] .btn-primary{animation:1.4s ease-in-out 2 tour-cta-pulse;position:relative}@keyframes tour-cta-pulse{0%,to{box-shadow:0 0 #60a5fa00}50%{box-shadow:0 0 0 10px #60a5fa40}}@media (max-width:640px){.tour-tip{width:calc(100vw - 24px);padding:14px 16px}.tour-tip:before,.demo-banner-tour{display:none}}