html{-webkit-text-size-adjust:100%}body{font-size:calc(var(--1) * 16);line-height:1.5}h1{font-size:calc(var(--1) * 32);line-height:1.2}h2{font-size:calc(var(--1) * 26);line-height:1.25}h3{font-size:calc(var(--1) * 22);line-height:1.3}h4{font-size:calc(var(--1) * 18)}h4,h5{line-height:1.4}h5{font-size:calc(var(--1) * 16)}h6{font-size:calc(var(--1) * 14);line-height:1.4}a,label,li,p,span{font-size:inherit}small{font-size:calc(var(--1) * 12)}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:1.15}:root{--1:min(1px,0.052083vw)}@media (min-width:768px) and (max-width:1199.98px){:root{--1:min(1px,0.059435vw)}}@media (max-width:767.98px){:root{--1:min(1px,0.2vw)}}html{font-size:calc(var(--1) * 16)}:root,[data-theme=titanium]{--bg-deep:#07080c;--bg-main:#0b0d14;--bg-surface:#11141e;--bg-surface-elevated:#171c2a;--bg-card:rgba(17,20,30,.85);--bg-terminal:#07080d;--border-subtle:#1c2233;--border-bright:#2d3752;--border-highlight:hsla(0,0%,100%,.08);--text-primary:#f8fafc;--text-secondary:#9aa3b8;--text-tertiary:#64748b;--text-dim:#434e66;--accent-primary:#f97316;--accent-primary-hover:#ea580c;--accent-primary-glow:rgba(249,115,22,.28);--accent-secondary:#10b981;--accent-cyan:#38bdf8;--accent-amber:#f59e0b;--heading-gradient:linear-gradient(135deg,#f97316,#fb923c 45%,#fde047);--grid-dot:hsla(0,0%,100%,.05);--card-shadow:0 calc(var(--1) * 16) calc(var(--1) * 36) rgba(0,0,0,.5);--inset-bevel:inset 0 1px 0 hsla(0,0%,100%,.05);--shadow-xs:0 1px calc(var(--1) * 3) rgba(0,0,0,.35);--shadow-sm:0 calc(var(--1) * 4) calc(var(--1) * 12) calc(var(--1) * -2) rgba(0,0,0,.45),0 calc(var(--1) * 2) calc(var(--1) * 4) -1px rgba(0,0,0,.3);--shadow-md:0 calc(var(--1) * 8) calc(var(--1) * 24) calc(var(--1) * -4) rgba(0,0,0,.55),0 calc(var(--1) * 3) calc(var(--1) * 8) calc(var(--1) * -2) rgba(0,0,0,.35);--shadow-lg:0 calc(var(--1) * 16) calc(var(--1) * 36) calc(var(--1) * -6) rgba(0,0,0,.65),0 calc(var(--1) * 6) calc(var(--1) * 16) calc(var(--1) * -3) rgba(0,0,0,.45);--shadow-xl:0 calc(var(--1) * 24) calc(var(--1) * 54) calc(var(--1) * -10) rgba(0,0,0,.75),0 calc(var(--1) * 8) calc(var(--1) * 24) calc(var(--1) * -4) rgba(0,0,0,.55);--shadow-dialog:0 calc(var(--1) * 30) calc(var(--1) * 70) calc(var(--1) * -12) rgba(0,0,0,.85),0 calc(var(--1) * 12) calc(var(--1) * 28) calc(var(--1) * -6) rgba(0,0,0,.6);--scrollbar-thumb:rgba(148,163,184,.22);--scrollbar-thumb-hover:rgba(148,163,184,.45);--scrollbar-track:transparent}[data-theme=midnight]{--bg-deep:#04060f;--bg-main:#070a18;--bg-surface:#0e152d;--bg-surface-elevated:#141f40;--bg-card:rgba(14,21,45,.88);--bg-terminal:#03050c;--border-subtle:#1c284e;--border-bright:#2d3f78;--border-highlight:rgba(129,140,248,.2);--text-primary:#f8fafc;--text-secondary:#9fb0d6;--text-tertiary:#6b7ea8;--text-dim:#455375;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-primary-glow:rgba(99,102,241,.35);--accent-secondary:#06b6d4;--accent-cyan:#22d3ee;--accent-amber:#f59e0b;--heading-gradient:linear-gradient(135deg,#818cf8,#a78bfa 50%,#38bdf8);--grid-dot:rgba(99,102,241,.08);--card-shadow:0 calc(var(--1) * 16) calc(var(--1) * 36) rgba(4,6,15,.65);--inset-bevel:inset 0 1px 0 rgba(129,140,248,.12);--shadow-xs:0 1px calc(var(--1) * 3) rgba(0,0,0,.4);--shadow-sm:0 calc(var(--1) * 4) calc(var(--1) * 12) calc(var(--1) * -2) rgba(0,0,0,.5),0 calc(var(--1) * 2) calc(var(--1) * 4) -1px rgba(0,0,0,.35);--shadow-md:0 calc(var(--1) * 8) calc(var(--1) * 24) calc(var(--1) * -4) rgba(0,0,0,.6),0 calc(var(--1) * 3) calc(var(--1) * 8) calc(var(--1) * -2) rgba(0,0,0,.4);--shadow-lg:0 calc(var(--1) * 16) calc(var(--1) * 36) calc(var(--1) * -6) rgba(0,0,0,.7),0 calc(var(--1) * 6) calc(var(--1) * 16) calc(var(--1) * -3) rgba(0,0,0,.5);--shadow-xl:0 calc(var(--1) * 24) calc(var(--1) * 54) calc(var(--1) * -10) rgba(0,0,0,.8),0 calc(var(--1) * 8) calc(var(--1) * 24) calc(var(--1) * -4) rgba(0,0,0,.6);--shadow-dialog:0 calc(var(--1) * 30) calc(var(--1) * 70) calc(var(--1) * -12) rgba(0,0,0,.9),0 calc(var(--1) * 12) calc(var(--1) * 28) calc(var(--1) * -6) rgba(0,0,0,.65);--scrollbar-thumb:rgba(148,163,184,.24);--scrollbar-thumb-hover:rgba(148,163,184,.48);--scrollbar-track:transparent}[data-theme=paper]{--bg-deep:#f2f3f5;--bg-main:#fafaf9;--bg-surface:#fff;--bg-surface-elevated:#f4f4f6;--bg-card:hsla(0,0%,100%,.96);--bg-terminal:#0f131c;--border-subtle:#e2e4e8;--border-bright:#cbcfd8;--border-highlight:rgba(0,0,0,.05);--text-primary:#090a0f;--text-secondary:#475063;--text-tertiary:#68738a;--text-dim:#9aa3b5;--accent-primary:#ea580c;--accent-primary-hover:#c2410c;--accent-primary-glow:rgba(234,88,12,.22);--accent-secondary:#059669;--accent-cyan:#0284c7;--accent-amber:#d97706;--heading-gradient:linear-gradient(135deg,#c2410c,#ea580c 45%,#b45309);--grid-dot:rgba(0,0,0,.07);--card-shadow:0 calc(var(--1) * 8) calc(var(--1) * 24) rgba(0,0,0,.07);--inset-bevel:inset 0 1px 0 hsla(0,0%,100%,.9);--shadow-xs:0 1px calc(var(--1) * 2) rgba(0,0,0,.05);--shadow-sm:0 calc(var(--1) * 3) calc(var(--1) * 10) -1px rgba(0,0,0,.08),0 1px calc(var(--1) * 3) -1px rgba(0,0,0,.05);--shadow-md:0 calc(var(--1) * 8) calc(var(--1) * 24) calc(var(--1) * -3) rgba(0,0,0,.1),0 calc(var(--1) * 3) calc(var(--1) * 8) calc(var(--1) * -2) rgba(0,0,0,.05);--shadow-lg:0 calc(var(--1) * 16) calc(var(--1) * 36) calc(var(--1) * -5) rgba(0,0,0,.12),0 calc(var(--1) * 6) calc(var(--1) * 16) calc(var(--1) * -3) rgba(0,0,0,.06);--shadow-xl:0 calc(var(--1) * 24) calc(var(--1) * 50) calc(var(--1) * -8) rgba(0,0,0,.15),0 calc(var(--1) * 8) calc(var(--1) * 22) calc(var(--1) * -4) rgba(0,0,0,.08);--shadow-dialog:0 calc(var(--1) * 28) calc(var(--1) * 65) calc(var(--1) * -10) rgba(0,0,0,.18),0 calc(var(--1) * 10) calc(var(--1) * 26) calc(var(--1) * -5) rgba(0,0,0,.1);--scrollbar-thumb:rgba(15,23,42,.2);--scrollbar-thumb-hover:rgba(15,23,42,.4);--scrollbar-track:transparent}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark light}body,html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}body{background-color:var(--bg-main);background-image:radial-gradient(var(--grid-dot) 1px,transparent 1px),radial-gradient(ellipse 70% 40% at 50% 0,var(--accent-primary-glow),transparent 70%);background-size:calc(var(--1) * 28) calc(var(--1) * 28),100% 100%;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:calc(var(--1) * 7);height:calc(var(--1) * 7)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:calc(var(--1) * 999)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}code,kbd,pre,samp{font-family:JetBrains Mono,monospace}.mt-3{margin-top:calc(var(--1) * 12)}.mt-4{margin-top:calc(var(--1) * 16)}.text-cyan{color:var(--accent-cyan)!important}.text-emerald{color:var(--accent-secondary)!important}.text-amber{color:var(--accent-primary)!important}.font-bold{font-weight:700}.hud-bar{position:sticky;top:calc(var(--1) * 60);z-index:90;background:rgba(11,13,20,.92);backdrop-filter:blur(calc(var(--1) * 12));-webkit-backdrop-filter:blur(calc(var(--1) * 12));border-bottom:1px solid var(--border-subtle);padding:calc(var(--1) * 8) calc(var(--1) * 24);transition:all .25s cubic-bezier(.16,1,.3,1)}[data-theme=paper] .hud-bar{background:hsla(60,9%,98%,.94)}.hud-container{max-width:100%;margin:0 auto;justify-content:space-between;flex-wrap:wrap}.hud-container,.hud-metrics{display:flex;align-items:center;gap:calc(var(--1) * 16)}.hud-metrics{font-size:calc(var(--1) * 12);font-family:JetBrains Mono,monospace}.metric-pill{display:flex;align-items:center;gap:calc(var(--1) * 6);background:var(--bg-surface);border:1px solid var(--border-subtle);padding:calc(var(--1) * 3) calc(var(--1) * 8);border-radius:calc(var(--1) * 6)}.metric-pill .metric-label{color:var(--text-tertiary)}.metric-pill .metric-val{color:var(--text-primary);font-weight:600}.hud-controls{display:flex;align-items:center;gap:calc(var(--1) * 8)}.hud-device-toggles{display:flex;align-items:center;gap:calc(var(--1) * 4)}.dev-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:calc(var(--1) * 11);font-weight:500;padding:calc(var(--1) * 4) calc(var(--1) * 8);border-radius:calc(var(--1) * 6);cursor:pointer;transition:all .15s ease}.dev-btn:hover{border-color:var(--border-bright);color:var(--text-primary)}.dev-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.docs-header{position:sticky;top:0;z-index:100;height:calc(var(--1) * 60);border-bottom:1px solid var(--border-subtle);background:var(--bg-card);backdrop-filter:blur(calc(var(--1) * 16));-webkit-backdrop-filter:blur(calc(var(--1) * 16))}.docs-header-inner{width:100%;max-width:100%;height:100%;margin:0;padding:0 calc(var(--1) * 24);display:flex;align-items:center;justify-content:space-between;gap:calc(var(--1) * 16)}.header-left{display:flex;align-items:center;gap:calc(var(--1) * 12)}.mobile-sidebar-toggle{display:none;background:var(--bg-surface);border:none;color:var(--text-secondary);width:calc(var(--1) * 36);height:calc(var(--1) * 36);padding:0;border-radius:calc(var(--1) * 8);cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-xs);transition:all .25s cubic-bezier(.16,1,.3,1);flex-shrink:0}.mobile-sidebar-toggle:hover{color:var(--text-primary);background:var(--bg-surface-elevated);box-shadow:var(--shadow-sm)}.mobile-sidebar-toggle:active{transform:scale(.96)}.header-brand-btn{display:flex;align-items:center;gap:calc(var(--1) * 10);background:transparent;border:none;cursor:pointer;text-decoration:none;text-align:left;padding:calc(var(--1) * 4) 0;flex-shrink:0}.header-brand-btn .brand-logo-badge{width:calc(var(--1) * 32);height:calc(var(--1) * 32);border-radius:calc(var(--1) * 8);background:linear-gradient(135deg,var(--accent-primary) 0,#fb923c 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:calc(var(--1) * 18);box-shadow:var(--shadow-sm)}.header-brand-btn .brand-titles{display:flex;align-items:baseline;gap:calc(var(--1) * 6)}.header-brand-btn .brand-titles .brand-name{font-weight:800;font-size:calc(var(--1) * 17);letter-spacing:-.02em;color:var(--text-primary)}.header-brand-btn .brand-titles .brand-name .brand-ext{color:var(--text-tertiary);font-weight:600;font-size:calc(var(--1) * 14)}.header-brand-btn .brand-titles .brand-tag{font-size:calc(var(--1) * 11);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-primary)}.header-center{flex:1;max-width:calc(var(--1) * 480);min-width:0;display:flex;justify-content:center}.header-search-trigger{width:100%;max-width:calc(var(--1) * 420);display:flex;align-items:center;gap:calc(var(--1) * 10);background:var(--bg-surface);border:none;border-radius:calc(var(--1) * 10);padding:calc(var(--1) * 8) calc(var(--1) * 14);color:var(--text-tertiary);font-size:calc(var(--1) * 13);cursor:pointer;box-shadow:var(--shadow-xs);transition:all .25s cubic-bezier(.16,1,.3,1);min-width:0}.header-search-trigger:hover{box-shadow:var(--shadow-sm);background:var(--bg-surface-elevated);color:var(--text-secondary)}.header-search-trigger .search-mag-icon{flex-shrink:0;width:calc(var(--1) * 15);height:calc(var(--1) * 15)}.header-search-trigger .search-placeholder{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-search-trigger .search-placeholder .search-placeholder-full{display:inline}.header-search-trigger .search-placeholder .search-placeholder-mobile,.header-search-trigger .search-placeholder .search-placeholder-tablet{display:none}.search-kbd-shortcut{display:flex;align-items:center;gap:calc(var(--1) * 3)}.search-kbd-shortcut kbd{font-family:inherit;font-size:calc(var(--1) * 11);padding:calc(var(--1) * 2) calc(var(--1) * 6);background:var(--bg-deep);border:none;border-radius:calc(var(--1) * 4);color:var(--text-tertiary);box-shadow:var(--shadow-xs)}.header-right{display:flex;align-items:center;gap:calc(var(--1) * 12)}.header-quick-nav{display:flex;align-items:center;gap:calc(var(--1) * 4);margin-right:calc(var(--1) * 6)}.header-quick-nav .nav-tab{background:transparent;border:none;font-size:calc(var(--1) * 13);font-weight:500;color:var(--text-secondary);padding:calc(var(--1) * 6) calc(var(--1) * 12);border-radius:calc(var(--1) * 6);cursor:pointer;transition:all .15s ease}.header-quick-nav .nav-tab:hover{color:var(--text-primary);background:var(--bg-surface)}.header-quick-nav .nav-tab.active{color:var(--accent-primary);background:var(--bg-surface-elevated);font-weight:600}.hud-toggle-btn{display:flex;align-items:center;gap:calc(var(--1) * 6);background:var(--bg-surface);border:none;color:var(--text-secondary);font-size:calc(var(--1) * 12);font-weight:600;padding:calc(var(--1) * 6) calc(var(--1) * 10);border-radius:calc(var(--1) * 6);cursor:pointer;box-shadow:var(--shadow-xs);transition:all .25s cubic-bezier(.16,1,.3,1)}.hud-toggle-btn:hover{box-shadow:var(--shadow-sm);color:var(--text-primary)}.hud-toggle-btn.hud-active{background:var(--bg-surface-elevated);color:var(--accent-secondary);box-shadow:var(--shadow-sm)}.hud-toggle-btn.hud-active .hud-dot{background:var(--accent-secondary)}.hud-toggle-btn .hud-dot{width:calc(var(--1) * 7);height:calc(var(--1) * 7);border-radius:50%;background:var(--text-dim);transition:background .2s}.theme-switcher-group{display:flex;align-items:center;background:var(--bg-surface);border:none;border-radius:calc(var(--1) * 8);padding:calc(var(--1) * 3);gap:calc(var(--1) * 2);box-shadow:var(--shadow-xs)}.theme-btn{display:flex;align-items:center;gap:calc(var(--1) * 6);background:transparent;border:none;border-radius:calc(var(--1) * 6);padding:calc(var(--1) * 4) calc(var(--1) * 10);font-size:calc(var(--1) * 12);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.theme-btn.active,.theme-btn:hover{color:var(--text-primary);background:var(--bg-surface-elevated)}.theme-btn.active{font-weight:600;box-shadow:var(--shadow-xs)}.theme-btn .theme-dot{width:calc(var(--1) * 8);height:calc(var(--1) * 8);border-radius:50%}.theme-btn .dot-titanium{background:#f97316}.theme-btn .dot-midnight{background:#6366f1}.theme-btn .dot-paper{background:#ea580c;border:1px solid #71717a}.header-external-icons{display:flex;align-items:center;gap:calc(var(--1) * 10);padding-left:calc(var(--1) * 8);border-left:1px solid var(--border-subtle)}.header-external-icons .icon-link{color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:color .15s ease,transform .15s ease}.header-external-icons .icon-link:hover{color:var(--text-primary);transform:translateY(-1px)}.header-external-icons .npm-header-icon{width:calc(var(--1) * 26);height:calc(var(--1) * 14)}.docs-app-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-main);color:var(--text-primary)}.docs-main-shell{width:100%;max-width:100%;margin:0;display:flex;justify-content:center;flex:1;min-height:calc(100vh - calc(var(--1) * 60));position:relative}.doc-main-content-column{min-width:0;display:flex;justify-content:center;padding:calc(var(--1) * 36) calc(var(--1) * 48);width:calc(var(--1) * 1320);overflow-x:hidden}.doc-reader-inner{width:100%;max-width:calc(var(--1) * 840);min-width:0}.docs-main-shell.playground-mode .doc-main-content-column.playground-column{width:100%!important;max-width:100%!important;padding:calc(var(--1) * 12) calc(var(--1) * 20)!important;justify-content:stretch!important}.docs-main-shell.playground-mode .doc-reader-inner{width:100%!important;max-width:100%!important}.docs-main-shell.playground-mode .doc-content-prose{width:100%!important;max-width:100%!important;gap:0!important}.doc-sidebar{width:calc(var(--1) * 270);flex-shrink:0;border-right:1px solid var(--border-subtle);background:var(--bg-main);position:sticky;top:calc(var(--1) * 60);height:calc(100vh - calc(var(--1) * 60));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.doc-sidebar::-webkit-scrollbar{width:calc(var(--1) * 4);height:calc(var(--1) * 4)}.doc-sidebar::-webkit-scrollbar-track{background:transparent}.doc-sidebar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:calc(var(--1) * 999)}.doc-sidebar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.sidebar-inner{padding:calc(var(--1) * 20) calc(var(--1) * 18);display:flex;flex-direction:column;min-height:100%;gap:calc(var(--1) * 18)}.sidebar-mobile-header{display:none;align-items:center;justify-content:space-between;padding-bottom:calc(var(--1) * 14);border-bottom:1px solid var(--border-subtle)}.sidebar-mobile-header .sidebar-mobile-brand{display:flex;align-items:center;gap:calc(var(--1) * 10)}.sidebar-mobile-header .sidebar-mobile-brand .brand-logo-badge{width:calc(var(--1) * 28);height:calc(var(--1) * 28);border-radius:calc(var(--1) * 6);background:linear-gradient(135deg,var(--accent-primary) 0,#fb923c 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:calc(var(--1) * 16);box-shadow:var(--shadow-sm)}.sidebar-mobile-header .sidebar-mobile-brand .brand-name{font-weight:800;font-size:calc(var(--1) * 16);letter-spacing:-.02em;color:var(--text-primary)}.sidebar-mobile-header .sidebar-mobile-brand .brand-name .brand-ext{color:var(--text-tertiary);font-weight:600;font-size:calc(var(--1) * 13)}.sidebar-mobile-header .sidebar-mobile-close-btn{width:calc(var(--1) * 32);height:calc(var(--1) * 32);border-radius:calc(var(--1) * 8);background:var(--bg-surface);border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-xs);transition:all .25s cubic-bezier(.16,1,.3,1)}.sidebar-mobile-header .sidebar-mobile-close-btn:hover{color:var(--text-primary);background:var(--bg-surface-elevated);box-shadow:var(--shadow-sm)}.sidebar-mobile-header .sidebar-mobile-close-btn:active{transform:scale(.96)}.sidebar-search-box{margin-bottom:calc(var(--1) * 4)}.sidebar-search-box .sidebar-search-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--1) * 8);background:var(--bg-surface);border:none;border-radius:calc(var(--1) * 8);padding:calc(var(--1) * 8) calc(var(--1) * 12);color:var(--text-tertiary);font-size:calc(var(--1) * 12);cursor:pointer;box-shadow:var(--shadow-xs);transition:all .15s ease}.sidebar-search-box .sidebar-search-btn:hover{box-shadow:var(--shadow-sm);color:var(--text-secondary)}.sidebar-nav{display:flex;flex-direction:column;gap:calc(var(--1) * 20);flex:1}.sidebar-group{display:flex;flex-direction:column;gap:calc(var(--1) * 6)}.sidebar-group-title{display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;color:var(--text-secondary);font-size:calc(var(--1) * 12);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:calc(var(--1) * 6) calc(var(--1) * 8);cursor:pointer;text-align:left;border-radius:calc(var(--1) * 6);transition:color .15s ease}.sidebar-group-title:hover{color:var(--text-primary)}.sidebar-group-title .group-title-content{display:flex;align-items:center;gap:calc(var(--1) * 8)}.sidebar-group-title .group-arrow{color:var(--text-dim);transition:transform .25s cubic-bezier(.16,1,.3,1)}.sidebar-group-title .group-arrow.collapsed{transform:rotate(-90deg)}.sidebar-group-list{list-style:none;display:flex;flex-direction:column;gap:calc(var(--1) * 2);padding-left:calc(var(--1) * 10);border-left:1px solid var(--border-subtle);margin-left:calc(var(--1) * 12)}.sidebar-item{position:relative}.sidebar-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--1) * 8);background:transparent;border:none;color:var(--text-secondary);font-size:calc(var(--1) * 13);font-weight:450;padding:calc(var(--1) * 6) calc(var(--1) * 10);border-radius:calc(var(--1) * 6);cursor:pointer;text-align:left;transition:all .15s ease}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-surface)}.sidebar-link.active{color:var(--accent-primary);background:var(--bg-surface-elevated);font-weight:600}.sidebar-link-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-badge{font-size:calc(var(--1) * 10);font-weight:700;padding:1px calc(var(--1) * 6);border-radius:calc(var(--1) * 4);text-transform:uppercase;letter-spacing:.04em}.sidebar-badge.badge-core{background:rgba(249,115,22,.15);color:var(--accent-primary)}.sidebar-badge.badge-v110{background:rgba(16,185,129,.15);color:var(--accent-secondary)}.sidebar-badge.badge-live{background:rgba(56,189,248,.15);color:var(--accent-cyan)}.sidebar-badge.badge-recommended{background:rgba(99,102,241,.15);color:#818cf8}.sidebar-badge.badge-powerfeature{background:rgba(245,158,11,.15);color:var(--accent-amber)}.sidebar-footer{padding-top:calc(var(--1) * 16);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:calc(var(--1) * 8)}.sidebar-footer .sidebar-version-pill{display:flex;align-items:center;gap:calc(var(--1) * 8);font-size:calc(var(--1) * 12);color:var(--text-tertiary);font-family:JetBrains Mono,monospace}.sidebar-footer .sidebar-version-pill .version-status-dot{width:calc(var(--1) * 6);height:calc(var(--1) * 6);border-radius:50%;background:var(--accent-secondary);box-shadow:0 0 calc(var(--1) * 6) var(--accent-secondary)}.sidebar-footer .sidebar-footer-links{display:flex;align-items:center;gap:calc(var(--1) * 8);font-size:calc(var(--1) * 12)}.sidebar-footer .sidebar-footer-links a{color:var(--text-tertiary);text-decoration:none;transition:color .15s ease}.sidebar-footer .sidebar-footer-links a:hover{color:var(--text-primary)}.sidebar-footer .sidebar-footer-links .footer-bullet{color:var(--text-dim)}.doc-content-prose{width:100%;max-width:calc(var(--1) * 1020);min-width:0;display:flex;flex-direction:column;gap:calc(var(--1) * 28)}.doc-meta-bar{justify-content:space-between;gap:calc(var(--1) * 12);font-size:calc(var(--1) * 13);color:var(--text-tertiary)}.doc-breadcrumbs,.doc-meta-bar{display:flex;align-items:center}.doc-breadcrumbs{gap:calc(var(--1) * 6);flex-wrap:wrap}.doc-breadcrumbs .crumb-root{color:var(--text-tertiary)}.doc-breadcrumbs .crumb-sep{color:var(--text-dim)}.doc-breadcrumbs .crumb-section{color:var(--text-secondary);font-weight:500}.doc-breadcrumbs .crumb-current{color:var(--accent-primary);font-weight:600}.doc-page-header{display:flex;flex-direction:column;gap:calc(var(--1) * 12);padding-bottom:calc(var(--1) * 20);border-bottom:1px solid var(--border-subtle)}.doc-page-header .doc-title-row{display:flex;align-items:center;gap:calc(var(--1) * 12);flex-wrap:wrap}.doc-page-header .doc-title-row .doc-main-h1{font-size:calc(var(--1) * 36);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1.2}.doc-page-header .doc-title-row .doc-pill-badge{font-size:calc(var(--1) * 11);font-weight:700;text-transform:uppercase;padding:calc(var(--1) * 3) calc(var(--1) * 10);border-radius:calc(var(--1) * 999);background:rgba(249,115,22,.12);color:var(--accent-primary);box-shadow:var(--shadow-xs)}.doc-page-header .doc-lead-desc{font-size:calc(var(--1) * 17);line-height:1.6;color:var(--text-secondary)}.doc-body-section{display:flex;flex-direction:column;gap:calc(var(--1) * 20);line-height:1.7;color:var(--text-secondary);font-size:calc(var(--1) * 15)}.doc-body-section p{color:var(--text-secondary);line-height:1.75}.doc-body-section h2{font-size:calc(var(--1) * 24);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-top:calc(var(--1) * 24);padding-top:calc(var(--1) * 16);border-top:1px solid var(--border-subtle);scroll-margin-top:calc(var(--1) * 90)}.doc-body-section h2:first-of-type{margin-top:0;padding-top:0;border-top:none}.doc-body-section h3{font-size:calc(var(--1) * 18);font-weight:600;letter-spacing:-.01em;margin-top:calc(var(--1) * 16);scroll-margin-top:calc(var(--1) * 90)}.doc-body-section h3,.doc-body-section strong{color:var(--text-primary)}.doc-body-section code{font-family:JetBrains Mono,monospace;font-size:.9em;padding:calc(var(--1) * 2) calc(var(--1) * 6);background:var(--bg-surface-elevated);border-radius:calc(var(--1) * 4);color:var(--accent-primary);box-shadow:var(--shadow-xs)}.doc-body-section ol,.doc-body-section ul{padding-left:calc(var(--1) * 22);display:flex;flex-direction:column;gap:calc(var(--1) * 8)}.doc-check-list{list-style:none;padding-left:0!important}.doc-check-list li{position:relative;padding-left:calc(var(--1) * 24);margin-bottom:calc(var(--1) * 8)}.doc-check-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-secondary);font-weight:800}.doc-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--1) * 16);margin:calc(var(--1) * 8) 0}.doc-feature-grid .doc-feature-card{background:var(--bg-surface);border:none;border-radius:calc(var(--1) * 12);padding:calc(var(--1) * 20);display:flex;flex-direction:column;gap:calc(var(--1) * 8);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,transform .15s ease}.doc-feature-grid .doc-feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(calc(var(--1) * -2))}.doc-feature-grid .doc-feature-card .feat-icon{font-size:calc(var(--1) * 24)}.doc-feature-grid .doc-feature-card h4{font-size:calc(var(--1) * 16);font-weight:700;color:var(--text-primary)}.doc-feature-grid .doc-feature-card p{font-size:calc(var(--1) * 13);color:var(--text-tertiary);line-height:1.5}.doc-columns-two{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--1) * 16);margin:calc(var(--1) * 8) 0}.doc-columns-two .column-label{font-size:calc(var(--1) * 12);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--1) * 8)}.doc-columns-two .column-label.red-label{color:#ef4444}.doc-columns-two .column-label.green-label{color:var(--accent-secondary)}.math-callout-box{background:var(--bg-surface);border:none;border-left:calc(var(--1) * 3.5) solid var(--accent-cyan);border-radius:calc(var(--1) * 8);padding:calc(var(--1) * 14) calc(var(--1) * 18);font-family:JetBrains Mono,monospace;font-size:calc(var(--1) * 15);color:var(--text-primary);box-shadow:var(--shadow-sm)}.canvas-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--1) * 14);margin:calc(var(--1) * 8) 0}.canvas-cards-row .canvas-card{background:var(--bg-surface);border:none;border-radius:calc(var(--1) * 10);padding:calc(var(--1) * 16);display:flex;flex-direction:column;gap:calc(var(--1) * 8);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,transform .15s ease}.canvas-cards-row .canvas-card:hover{box-shadow:var(--shadow-md);transform:translateY(calc(var(--1) * -2))}.canvas-cards-row .canvas-card .canvas-pill{font-size:calc(var(--1) * 10);font-weight:700;text-transform:uppercase;color:var(--accent-primary);letter-spacing:.05em}.canvas-cards-row .canvas-card h4{font-size:calc(var(--1) * 15);font-weight:700;color:var(--text-primary)}.canvas-cards-row .canvas-card code{font-size:calc(var(--1) * 12);background:var(--bg-deep)}.canvas-cards-row .canvas-card p{font-size:calc(var(--1) * 12);color:var(--text-tertiary)}.doc-table-wrapper{overflow-x:auto;border:none;border-radius:calc(var(--1) * 10);margin:calc(var(--1) * 8) 0;background:var(--bg-surface);box-shadow:var(--shadow-sm)}.doc-table{width:100%;border-collapse:collapse;text-align:left;font-size:calc(var(--1) * 13)}.doc-table th{background:var(--bg-surface-elevated);font-weight:700;color:var(--text-primary)}.doc-table td,.doc-table th{padding:calc(var(--1) * 12) calc(var(--1) * 16);border-bottom:1px solid var(--border-subtle)}.doc-table td{color:var(--text-secondary)}.doc-table tr:last-child td{border-bottom:none}.opt-methods-grid{display:flex;flex-direction:column;gap:calc(var(--1) * 16)}.opt-methods-grid .opt-method-card{background:var(--bg-surface);border:none;border-radius:calc(var(--1) * 10);padding:calc(var(--1) * 18);display:flex;flex-direction:column;gap:calc(var(--1) * 10);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,transform .15s ease}.opt-methods-grid .opt-method-card:hover{box-shadow:var(--shadow-md);transform:translateY(calc(var(--1) * -2))}.opt-methods-grid .opt-method-card .opt-badge{font-size:calc(var(--1) * 10);font-weight:700;text-transform:uppercase;color:var(--accent-secondary)}.opt-methods-grid .opt-method-card h4{font-size:calc(var(--1) * 16);color:var(--text-primary)}.author-spotlight-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:calc(var(--1) * 12);padding:calc(var(--1) * 24);display:flex;gap:calc(var(--1) * 20);align-items:flex-start}.author-spotlight-card .author-avatar-badge{width:calc(var(--1) * 56);height:calc(var(--1) * 56);border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0,#fb923c 100%);color:#fff;font-size:calc(var(--1) * 20);font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 calc(var(--1) * 16) var(--accent-primary-glow)}.author-spotlight-card .author-details{display:flex;flex-direction:column;gap:calc(var(--1) * 6)}.author-spotlight-card .author-details h3{font-size:calc(var(--1) * 20);color:var(--text-primary);margin-top:0!important}.author-spotlight-card .author-details .author-role{font-size:calc(var(--1) * 13);color:var(--text-tertiary)}.author-spotlight-card .author-details .author-quote-text{margin-top:calc(var(--1) * 8);font-style:italic;color:var(--text-secondary);border-left:calc(var(--1) * 2) solid var(--accent-primary);padding-left:calc(var(--1) * 12)}.npm-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--1) * 12);margin:calc(var(--1) * 8) 0}.npm-info-grid .npm-stat-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:calc(var(--1) * 8);padding:calc(var(--1) * 12);display:flex;flex-direction:column;gap:calc(var(--1) * 4)}.npm-info-grid .npm-stat-box .npm-stat-title{font-size:calc(var(--1) * 11);color:var(--text-tertiary);text-transform:uppercase}.author-btn-row{display:flex;gap:calc(var(--1) * 12);margin-top:calc(var(--1) * 8)}.next-steps-banner{margin-top:calc(var(--1) * 12)}.doc-callout{border-radius:calc(var(--1) * 10);padding:calc(var(--1) * 16) calc(var(--1) * 20);display:flex;flex-direction:column;gap:calc(var(--1) * 8);margin:calc(var(--1) * 8) 0;box-shadow:var(--shadow-sm);border:none}.doc-callout.callout-note{background:rgba(56,189,248,.08);border-left:calc(var(--1) * 3.5) solid #38bdf8}.doc-callout.callout-tip{background:rgba(16,185,129,.08);border-left:calc(var(--1) * 3.5) solid #10b981}.doc-callout.callout-warning{background:rgba(245,158,11,.08);border-left:calc(var(--1) * 3.5) solid #f59e0b}.doc-callout.callout-deepdive{background:rgba(139,92,246,.08);border-left:calc(var(--1) * 3.5) solid #8b5cf6}.doc-callout-header{display:flex;align-items:center;gap:calc(var(--1) * 8)}.doc-callout-icon{font-size:calc(var(--1) * 16)}.doc-callout-title{font-weight:700;font-size:calc(var(--1) * 14);color:var(--text-primary)}.doc-callout-body{font-size:calc(var(--1) * 14);line-height:1.6;color:var(--text-secondary)}.doc-callout-body p{margin:0}.doc-code-card{background:var(--bg-terminal);border:none;border-radius:calc(var(--1) * 10);overflow:hidden;margin:calc(var(--1) * 8) 0;box-shadow:var(--shadow-lg)}.doc-code-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--1) * 8) calc(var(--1) * 14);background:var(--bg-surface);border-bottom:1px solid hsla(0,0%,100%,.04)}.doc-code-file{display:flex;align-items:center;gap:calc(var(--1) * 8)}.doc-code-file .code-dot{width:calc(var(--1) * 9);height:calc(var(--1) * 9);border-radius:50%}.doc-code-file .code-dot.red{background:#ef4444}.doc-code-file .code-dot.yellow{background:#eab308}.doc-code-file .code-dot.green{background:#22c55e}.doc-code-file .code-filename{font-size:calc(var(--1) * 12);color:var(--text-secondary);font-weight:500}.doc-code-file .code-filename,.doc-code-file .code-lang-badge{font-family:JetBrains Mono,monospace;margin-left:calc(var(--1) * 4)}.doc-code-file .code-lang-badge{text-transform:uppercase}.copy-code-action-btn,.doc-code-file .code-lang-badge{font-size:calc(var(--1) * 11);color:var(--text-tertiary)}.copy-code-action-btn{display:flex;align-items:center;gap:calc(var(--1) * 6);background:transparent;border:1px solid transparent;padding:calc(var(--1) * 3) calc(var(--1) * 8);border-radius:calc(var(--1) * 4);cursor:pointer;transition:all .15s ease}.copy-code-action-btn:hover{color:var(--text-primary);border-color:var(--border-subtle);background:var(--bg-surface-elevated)}.doc-code-scroll{overflow-x:auto;padding:calc(var(--1) * 14) 0;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.doc-code-scroll::-webkit-scrollbar{width:calc(var(--1) * 4);height:calc(var(--1) * 4)}.doc-code-scroll::-webkit-scrollbar-track{background:transparent}.doc-code-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:calc(var(--1) * 999)}.doc-code-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.doc-code-pre{margin:0;font-family:JetBrains Mono,monospace;font-size:calc(var(--1) * 13);line-height:1.6}.code-line{display:flex;padding:0 calc(var(--1) * 16);transition:background .15s ease}.code-line:hover{background:hsla(0,0%,100%,.02)}.code-line.line-highlight{background:rgba(249,115,22,.1);border-left:calc(var(--1) * 2) solid var(--accent-primary)}.code-line .line-number{width:calc(var(--1) * 32);flex-shrink:0;color:var(--text-dim);user-select:none;font-size:calc(var(--1) * 11);text-align:right;margin-right:calc(var(--1) * 16)}.code-line .line-content{color:#e2e8f0;white-space:pre}.doc-calc-widget{background:var(--bg-surface);border:none;border-radius:calc(var(--1) * 12);padding:calc(var(--1) * 20);display:flex;flex-direction:column;gap:calc(var(--1) * 16);margin:calc(var(--1) * 8) 0;box-shadow:var(--shadow-md)}.doc-calc-widget .doc-calc-header{display:flex;flex-direction:column;gap:calc(var(--1) * 4)}.doc-calc-widget .doc-calc-header .calc-badge{font-size:calc(var(--1) * 11);font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.04em}.doc-calc-widget .doc-calc-header h4{font-size:calc(var(--1) * 18);color:var(--text-primary);font-weight:700}.doc-calc-widget .doc-calc-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--1) * 16)}.doc-calc-widget .doc-calc-inputs .calc-input-group{display:flex;flex-direction:column;gap:calc(var(--1) * 6)}.doc-calc-widget .doc-calc-inputs .calc-input-group label{font-size:calc(var(--1) * 12);font-weight:600;color:var(--text-secondary)}.doc-calc-widget .doc-calc-inputs .calc-input-group .calc-input-row{display:flex;align-items:center;background:var(--bg-deep);border:none;border-radius:calc(var(--1) * 8);padding:calc(var(--1) * 6) calc(var(--1) * 12);box-shadow:var(--shadow-xs)}.doc-calc-widget .doc-calc-inputs .calc-input-group .calc-input-row .calc-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:calc(var(--1) * 14);font-weight:600;outline:none}.doc-calc-widget .doc-calc-inputs .calc-input-group .calc-input-row .calc-unit{font-size:calc(var(--1) * 12);color:var(--text-dim);font-weight:600}.doc-calc-widget .doc-calc-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--1) * 12)}.doc-calc-widget .doc-calc-metrics .calc-metric-box{background:var(--bg-deep);border:none;border-radius:calc(var(--1) * 8);padding:calc(var(--1) * 12);display:flex;flex-direction:column;gap:calc(var(--1) * 4);box-shadow:var(--shadow-xs)}.doc-calc-widget .doc-calc-metrics .calc-metric-box .calc-metric-label{font-size:calc(var(--1) * 11);color:var(--text-tertiary);text-transform:uppercase}.doc-calc-widget .doc-calc-metrics .calc-metric-box .calc-metric-val{font-family:JetBrains Mono,monospace;font-size:calc(var(--1) * 13);font-weight:600;display:flex;align-items:center;gap:calc(var(--1) * 6);flex-wrap:wrap}.doc-calc-widget .doc-calc-metrics .calc-metric-box .calc-metric-val .highlight-blue{color:#818cf8}.doc-calc-widget .doc-calc-metrics .calc-metric-box .calc-metric-val .highlight-cyan{color:var(--accent-cyan)}.doc-calc-widget .doc-calc-metrics .calc-metric-box .calc-metric-val .highlight-emerald{color:var(--accent-secondary)}.doc-calc-widget .doc-calc-metrics .calc-metric-box .calc-metric-val .cap-tag{font-size:calc(var(--1) * 9);padding:1px calc(var(--1) * 5);border-radius:calc(var(--1) * 3);background:rgba(249,115,22,.2);color:var(--accent-primary)}.doc-pagination-nav{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--1) * 16);padding-top:calc(var(--1) * 24);border-top:1px solid var(--border-subtle);margin-top:calc(var(--1) * 16)}.doc-pagination-nav .pagination-btn{flex:1;max-width:calc(var(--1) * 320);background:var(--bg-surface);border:none;border-radius:calc(var(--1) * 10);padding:calc(var(--1) * 14) calc(var(--1) * 18);display:flex;flex-direction:column;gap:calc(var(--1) * 4);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.16,1,.3,1)}.doc-pagination-nav .pagination-btn:hover{background:var(--bg-surface-elevated);box-shadow:var(--shadow-md);transform:translateY(calc(var(--1) * -2))}.doc-pagination-nav .pagination-btn.pagination-prev{text-align:left}.doc-pagination-nav .pagination-btn.pagination-next{text-align:right;margin-left:auto}.doc-pagination-nav .pagination-btn .pagination-label{font-size:calc(var(--1) * 11);color:var(--text-tertiary);font-weight:600;text-transform:uppercase}.doc-pagination-nav .pagination-btn .pagination-title{font-size:calc(var(--1) * 14);font-weight:700;color:var(--text-primary)}.doc-pagination-nav .pagination-spacer{flex:1}.doc-page-footer{padding-top:calc(var(--1) * 20);font-size:calc(var(--1) * 12);color:var(--text-tertiary)}.doc-page-footer .doc-footer-meta{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--1) * 12);flex-wrap:wrap}.range-slider{width:100%;accent-color:var(--accent-primary);cursor:pointer}.range-ticks{display:flex;align-items:center;justify-content:space-between;font-size:calc(var(--1) * 11);color:var(--text-dim);margin-top:calc(var(--1) * 6);font-weight:500}.sandbox-preview-container{padding:calc(var(--1) * 24);background:var(--bg-deep);border-radius:calc(var(--1) * 12)}.sandbox-preview-container .preview-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--1) * 20);padding-bottom:calc(var(--1) * 12);border-bottom:1px solid var(--border-subtle)}.sandbox-preview-container .preview-header-bar .preview-dots{display:flex;gap:calc(var(--1) * 5)}.sandbox-preview-container .preview-header-bar .preview-dots span{width:calc(var(--1) * 8);height:calc(var(--1) * 8);border-radius:50%;background:var(--border-bright)}.sandbox-preview-container .preview-header-bar .preview-title{font-size:calc(var(--1) * 12);color:var(--text-tertiary);font-weight:500}.sandbox-preview-container .preview-header-bar .preview-scale-tag{font-family:JetBrains Mono,monospace;font-size:calc(var(--1) * 11);color:var(--accent-primary);font-weight:600}.sandbox-preview-container .preview-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--1) * 24)}.real-card{background:var(--bg-surface);border:none;box-shadow:var(--shadow-lg);border-radius:calc(var(--1) * 12);padding:calc(var(--1) * 24);transition:all .15s ease}.terminal-toggle{display:flex;background:#080a12;border-radius:calc(var(--1) * 5);padding:calc(var(--1) * 2);border:none;box-shadow:var(--shadow-xs)}.terminal-toggle .term-toggle-btn{background:none;border:none;color:#64748b;font-family:inherit;font-size:calc(var(--1) * 11);font-weight:600;padding:calc(var(--1) * 3) calc(var(--1) * 8);border-radius:calc(var(--1) * 3);cursor:pointer;transition:all .15s ease}.terminal-toggle .term-toggle-btn.active{background:#1e293b;color:#f8fafc}.traffic-lights{display:flex;gap:calc(var(--1) * 6)}.traffic-lights .dot{width:calc(var(--1) * 10);height:calc(var(--1) * 10);border-radius:50%}.traffic-lights .dot-red{background:#ef4444}.traffic-lights .dot-yellow{background:#f59e0b}.traffic-lights .dot-green{background:#10b981}.terminal-title{font-size:calc(var(--1) * 12);color:#94a3b8;font-family:JetBrains Mono,monospace;font-weight:500}.terminal-body{padding:calc(var(--1) * 20);background:#07090f;min-height:calc(var(--1) * 260)}.terminal-code{font-family:JetBrains Mono,monospace;font-size:calc(var(--1) * 13);line-height:1.7}.terminal-code .c-comment{color:#64748b;font-style:italic}.terminal-code .c-selector{color:#fb7185;font-weight:600}.terminal-code .c-prop{color:#93c5fd}.terminal-code .c-val{color:#34d399}.terminal-footer{background:#0a0d16;border-top:1px solid #1e293b;padding:calc(var(--1) * 8) calc(var(--1) * 16);font-size:calc(var(--1) * 11);color:#64748b;display:flex;align-items:center;gap:calc(var(--1) * 8)}.terminal-footer .badge-status{background:rgba(16,185,129,.18);color:#34d399;padding:1px calc(var(--1) * 6);border-radius:calc(var(--1) * 3);font-weight:600;font-size:calc(var(--1) * 10)}.framework-container{display:flex;flex-direction:column;gap:calc(var(--1) * 16);width:100%;min-width:0}.framework-container .framework-nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:calc(var(--1) * 8)}.framework-container .framework-nav .fw-tab{flex:1 1 calc(var(--1) * 200);min-width:calc(var(--1) * 160);background:var(--bg-surface);border:none;border-radius:calc(var(--1) * 8);padding:calc(var(--1) * 10) calc(var(--1) * 14);display:flex;align-items:center;gap:calc(var(--1) * 12);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);transition:all .15s ease;color:var(--text-primary)}.framework-container .framework-nav .fw-tab:hover{background:var(--bg-surface-elevated);box-shadow:var(--shadow-md)}.framework-container .framework-nav .fw-tab.active{background:var(--bg-surface-elevated);box-shadow:var(--shadow-md),inset calc(var(--1) * 3) 0 0 var(--accent-primary)}.framework-container .framework-nav .fw-tab .fw-icon{font-size:calc(var(--1) * 18)}.framework-container .framework-nav .fw-tab .fw-text strong{display:block;font-size:calc(var(--1) * 13);font-weight:700}.framework-container .framework-nav .fw-tab .fw-text span{font-size:calc(var(--1) * 11);color:var(--text-tertiary)}.framework-container .framework-content-wrapper{width:100%;min-width:0;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-bright);box-shadow:var(--card-shadow),var(--inset-bevel);border-radius:calc(var(--1) * 12);padding:calc(var(--1) * 24)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--1) * 6);font-family:inherit;font-weight:700;padding:calc(var(--1) * 10) calc(var(--1) * 20);border-radius:calc(var(--1) * 8);text-decoration:none;cursor:pointer;transition:all .15s ease;border:1px solid transparent;font-size:calc(var(--1) * 13)}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 1px calc(var(--1) * 8) var(--accent-primary-glow)}.btn-primary:hover{background:var(--accent-primary-hover)}.btn-secondary{background:var(--bg-surface);border-color:var(--border-bright);color:var(--text-primary);box-shadow:var(--inset-bevel)}.btn-secondary:hover{background:var(--bg-surface-elevated)}.btn-sm{padding:calc(var(--1) * 6) calc(var(--1) * 12);font-size:calc(var(--1) * 12)}.single-screen-studio{display:flex;flex-direction:column;gap:calc(var(--1) * 12);width:100%;max-width:100%;margin:0;padding:0}.sandbox-studio-console{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:calc(var(--1) * 12);padding:calc(var(--1) * 10) calc(var(--1) * 16);display:flex;flex-direction:column;gap:calc(var(--1) * 8);box-shadow:0 calc(var(--1) * 4) calc(var(--1) * 16) rgba(0,0,0,.2)}.console-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--1) * 12)}.console-row-top{padding-bottom:calc(var(--1) * 8);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.console-group{display:flex;align-items:center;gap:calc(var(--1) * 8)}.console-group .console-label{font-size:calc(var(--1) * 11);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);white-space:nowrap}.compact-pill-selector{display:flex;align-items:center;background:var(--bg-deep);border:none;border-radius:calc(var(--1) * 7);padding:calc(var(--1) * 2);gap:calc(var(--1) * 2);box-shadow:var(--shadow-xs)}.compact-pill-selector .compact-pill{display:inline-flex;align-items:center;gap:calc(var(--1) * 5);background:transparent;border:none;color:var(--text-secondary);font-size:calc(var(--1) * 11);font-weight:600;padding:calc(var(--1) * 4) calc(var(--1) * 8);border-radius:calc(var(--1) * 5);cursor:pointer;transition:all .15s ease;white-space:nowrap}.compact-pill-selector .compact-pill:hover{color:var(--text-primary);background:var(--bg-surface)}.compact-pill-selector .compact-pill.active{background:var(--bg-surface-elevated);color:var(--accent-primary);font-weight:700;box-shadow:var(--shadow-xs)}.device-pills-row{display:flex;align-items:center;gap:calc(var(--1) * 6);flex-wrap:wrap}.device-pills-row .device-pill-btn{display:inline-flex;align-items:center;gap:calc(var(--1) * 5);background:var(--bg-deep);border:none;border-radius:calc(var(--1) * 6);padding:calc(var(--1) * 4) calc(var(--1) * 8);cursor:pointer;box-shadow:var(--shadow-xs);transition:all .15s ease;color:var(--text-secondary);font-size:calc(var(--1) * 11)}.device-pills-row .device-pill-btn .dev-icon{font-size:calc(var(--1) * 12)}.device-pills-row .device-pill-btn .dev-name{font-weight:600;color:var(--text-primary)}.device-pills-row .device-pill-btn .dev-px{font-family:JetBrains Mono,monospace;font-size:calc(var(--1) * 10);color:var(--text-tertiary)}.device-pills-row .device-pill-btn:hover{box-shadow:var(--shadow-sm);background:var(--bg-surface-elevated);transform:translateY(-1px)}.device-pills-row .device-pill-btn.active{background:var(--bg-surface-elevated);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.device-pills-row .device-pill-btn.active .dev-name,.device-pills-row .device-pill-btn.active .dev-px{color:var(--accent-primary)}.console-row-sliders{display:grid;grid-template-columns:1fr calc(var(--1) * 280);gap:calc(var(--1) * 20);align-items:center}.slider-control-cell{display:flex;flex-direction:column;gap:calc(var(--1) * 4)}.slider-control-cell .cell-header-inline{display:flex;align-items:center;justify-content:space-between;font-size:calc(var(--1) * 11)}.slider-control-cell .cell-header-inline .cell-label{font-weight:700;color:var(--text-secondary)}.slider-control-cell .cell-header-inline .viewport-badge-inline{display:flex;align-items:baseline;gap:calc(var(--1) * 6)}.slider-control-cell .cell-header-inline .viewport-badge-inline .badge-px{font-family:JetBrains Mono,monospace;font-size:calc(var(--1) * 13);font-weight:800;color:var(--accent-primary)}.slider-control-cell .cell-header-inline .viewport-badge-inline .badge-tier-tag{font-size:calc(var(--1) * 10);color:var(--text-tertiary)}.slider-control-cell .slider-rail-wrap{display:flex;flex-direction:column;gap:calc(var(--1) * 3)}.slider-control-cell .slider-rail-wrap .fmds-tactile-slider{width:100%;height:calc(var(--1) * 6);-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#38bdf8,#f97316 45%,#ea580c);border-radius:calc(var(--1) * 99);outline:none;cursor:pointer}.slider-control-cell .slider-rail-wrap .fmds-tactile-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(var(--1) * 18);height:calc(var(--1) * 18);border-radius:50%;background:#fff;border:calc(var(--1) * 3) solid var(--accent-primary);box-shadow:0 0 calc(var(--1) * 8) var(--accent-primary-glow);cursor:grab;transition:transform .15s ease}.slider-control-cell .slider-rail-wrap .fmds-tactile-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-control-cell .slider-rail-wrap .fmds-tactile-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.3)}.slider-control-cell .slider-rail-wrap .fmds-tactile-slider::-moz-range-thumb{width:calc(var(--1) * 18);height:calc(var(--1) * 18);border-radius:50%;background:#fff;border:calc(var(--1) * 3) solid var(--accent-primary);cursor:grab}.slider-control-cell .slider-rail-wrap .slider-quick-ticks{display:flex;align-items:center;justify-content:space-between}.slider-control-cell .slider-rail-wrap .slider-quick-ticks .tick-btn{background:transparent;border:none;color:var(--text-tertiary);font-size:calc(var(--1) * 10);font-family:JetBrains Mono,monospace;cursor:pointer;padding:0;transition:color .15s ease}.slider-control-cell .slider-rail-wrap .slider-quick-ticks .tick-btn:hover{color:var(--accent-primary)}.slider-control-cell .slider-rail-wrap .slider-quick-ticks .tick-btn.active{color:var(--accent-primary);font-weight:700;text-decoration:underline}.stepper-control-cell{display:flex;flex-direction:column;gap:calc(var(--1) * 4)}.stepper-control-cell .cell-header-inline{display:flex;align-items:center;justify-content:space-between;font-size:calc(var(--1) * 11)}.stepper-control-cell .cell-header-inline .cell-label{font-weight:700;color:var(--text-secondary)}.stepper-control-cell .cell-header-inline .stepper-output-tag{font-size:calc(var(--1) * 10);font-family:JetBrains Mono,monospace;color:var(--text-tertiary)}.stepper-control-cell .cell-header-inline .stepper-output-tag strong{color:var(--accent-secondary)}.stepper-control-cell .stepper-inline-wrap{display:flex;align-items:center;gap:calc(var(--1) * 8)}.stepper-control-cell .stepper-inline-wrap .stepper-box-compact{display:flex;align-items:center;background:var(--bg-deep);border:none;border-radius:calc(var(--1) * 6);overflow:hidden;box-shadow:var(--shadow-xs)}.stepper-control-cell .stepper-inline-wrap .stepper-box-compact .stepper-btn-compact{width:calc(var(--1) * 26);height:calc(var(--1) * 26);background:transparent;border:none;color:var(--text-primary);font-size:calc(var(--1) * 14);font-weight:700;cursor:pointer;transition:background .15s ease}.stepper-control-cell .stepper-inline-wrap .stepper-box-compact .stepper-btn-compact:hover{background:var(--bg-surface-elevated);color:var(--accent-primary)}.stepper-control-cell .stepper-inline-wrap .stepper-box-compact .stepper-val-num{padding:0 calc(var(--1) * 6);font-family:JetBrains Mono,monospace;font-size:calc(var(--1) * 12);font-weight:700;color:var(--text-primary);min-width:calc(var(--1) * 38);text-align:center}.stepper-control-cell .stepper-inline-wrap .quick-token-pills{display:flex;gap:calc(var(--1) * 4);flex:1}.stepper-control-cell .stepper-inline-wrap .quick-token-pills .token-pill{flex:1;background:var(--bg-deep);border:none;border-radius:calc(var(--1) * 5);padding:calc(var(--1) * 3) 0;font-size:calc(var(--1) * 10);font-weight:600;color:var(--text-secondary);cursor:pointer;text-align:center;box-shadow:var(--shadow-xs);transition:all .15s ease}.stepper-control-cell .stepper-inline-wrap .quick-token-pills .token-pill:hover{color:var(--text-primary);box-shadow:var(--shadow-sm)}.stepper-control-cell .stepper-inline-wrap .quick-token-pills .token-pill.active{background:var(--bg-surface-elevated);box-shadow:var(--shadow-sm);color:var(--accent-primary);font-weight:700}.sandbox-stage-container{border:none;border-radius:calc(var(--1) * 12);overflow:hidden;display:flex;flex-direction:column}.stage-top-meta{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--1) * 8) calc(var(--1) * 4)}.stage-top-meta .meta-left{display:flex;align-items:center;gap:calc(var(--1) * 10)}.stage-top-meta .meta-left .window-dots{display:flex;gap:calc(var(--1) * 5)}.stage-top-meta .meta-left .window-dots i{width:calc(var(--1) * 8);height:calc(var(--1) * 8);border-radius:50%;background:var(--border-bright);display:inline-block}.stage-top-meta .meta-left .meta-scenario-title{font-size:calc(var(--1) * 12);color:var(--text-secondary)}.stage-top-meta .meta-left .meta-scenario-title strong{color:var(--text-primary)}.stage-top-meta .meta-right .multiplier-live-badge{font-family:JetBrains Mono,monospace;font-size:calc(var(--1) * 11);color:var(--accent-primary)}.stage-top-meta .meta-right .multiplier-live-badge strong{font-weight:800}.stage-dual-arena{display:flex;gap:calc(var(--1) * 16);align-items:stretch;padding:calc(var(--1) * 8) calc(var(--1) * 4)}.stage-dual-arena.mode-split{display:grid;grid-template-columns:1fr 1fr}.stage-dual-arena.mode-solo{display:flex;justify-content:center}.stage-dual-arena.mode-solo .arena-card{max-width:calc(var(--1) * 520);width:100%}.arena-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid rgba(5,5,5,.08);border-radius:calc(var(--1) * 10);overflow:hidden;min-width:0}.arena-card .arena-card-badge{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--1) * 6) calc(var(--1) * 12);font-size:calc(var(--1) * 11);font-weight:700;border-bottom:1px solid var(--border-subtle)}.arena-card .arena-card-badge.badge-warning{background:rgba(239,68,68,.08);color:#f87171;border-color:rgba(239,68,68,.18)}.arena-card .arena-card-badge.badge-warning .red-dot{width:calc(var(--1) * 6);height:calc(var(--1) * 6);border-radius:50%;background:#ef4444}.arena-card .arena-card-badge.badge-success{background:rgba(16,185,129,.08);color:#34d399;border-color:rgba(16,185,129,.18)}.arena-card .arena-card-badge.badge-success .green-sparkle{font-size:calc(var(--1) * 11)}.arena-card .arena-card-badge .badge-spec{font-family:JetBrains Mono,monospace;font-size:calc(var(--1) * 10);padding:1px calc(var(--1) * 6);border-radius:calc(var(--1) * 4);background:var(--bg-deep);border:1px solid var(--border-subtle)}.arena-card .arena-card-viewport{flex:1;min-height:calc(var(--1) * 440);max-height:calc(var(--1) * 520);padding:calc(var(--1) * 14) calc(var(--1) * 16);display:flex;align-items:center;justify-content:center;background:var(--bg-deep);overflow:hidden}.arena-card .arena-card-footer{display:flex;align-items:center;gap:calc(var(--1) * 8);padding:calc(var(--1) * 8) calc(var(--1) * 14);font-size:calc(var(--1) * 11);line-height:1.35;border-top:1px solid var(--border-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-card .arena-card-footer.footer-warning{background:rgba(245,158,11,.08);color:#fbbf24}.arena-card .arena-card-footer.footer-error{background:rgba(239,68,68,.12);color:#f87171;border-color:rgba(239,68,68,.3)}.arena-card .arena-card-footer.footer-success{background:rgba(16,185,129,.08);color:#34d399}.arena-card .arena-card-footer .footer-text{overflow:hidden;text-overflow:ellipsis}.simulated-device-screen{position:relative;display:flex;flex-direction:column;background:var(--bg-surface);border-radius:calc(var(--1) * 14);overflow:hidden;box-shadow:0 calc(var(--1) * 20) calc(var(--1) * 48) calc(var(--1) * -110) rgba(0,0,0,.7),0 calc(var(--1) * 8) calc(var(--1) * 20) calc(var(--1) * -4) rgba(0,0,0,.5);transition:width .12s cubic-bezier(.16,1,.3,1);height:100%;width:100%}.simulated-device-screen.fixed-device-screen.device-overflow-active{border-color:#ef4444;box-shadow:0 calc(var(--1) * 20) calc(var(--1) * 48) calc(var(--1) * -110) rgba(0,0,0,.75),0 calc(var(--1) * 8) calc(var(--1) * 20) calc(var(--1) * -4) rgba(0,0,0,.55)}.simulated-device-screen.fmds-device-screen{box-shadow:0 calc(var(--1) * 20) calc(var(--1) * 48) calc(var(--1) * -110) rgba(0,0,0,.7),0 calc(var(--1) * 8) calc(var(--1) * 20) calc(var(--1) * -4) rgba(0,0,0,.5)}.device-screen-chrome{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--1) * 10);padding:calc(var(--1) * 6) calc(var(--1) * 12);background:var(--bg-deep);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.device-screen-chrome .chrome-dots{display:flex;align-items:center;gap:calc(var(--1) * 5)}.device-screen-chrome .chrome-dots .dot{width:calc(var(--1) * 8);height:calc(var(--1) * 8);border-radius:50%}.device-screen-chrome .chrome-dots .dot.dot-red{background:#ef4444}.device-screen-chrome .chrome-dots .dot.dot-yellow{background:#f59e0b}.device-screen-chrome .chrome-dots .dot.dot-green{background:#10b981}.device-screen-chrome .chrome-address-bar{display:flex;align-items:center;gap:calc(var(--1) * 6);background:var(--bg-surface);border:none;border-radius:calc(var(--1) * 20);padding:calc(var(--1) * 2) calc(var(--1) * 10);font-size:calc(var(--1) * 11);color:var(--text-secondary);box-shadow:var(--shadow-xs)}.device-screen-chrome .chrome-address-bar .chrome-lock{font-size:calc(var(--1) * 10)}.device-screen-chrome .chrome-address-bar .chrome-url{font-family:JetBrains Mono,monospace;font-size:calc(var(--1) * 10);color:var(--text-tertiary)}.device-screen-chrome .chrome-address-bar .chrome-res-tag{font-family:JetBrains Mono,monospace;font-size:calc(var(--1) * 10);font-weight:700;color:var(--accent-primary);background:var(--bg-deep);padding:1px calc(var(--1) * 6);border-radius:calc(var(--1) * 4);margin-left:calc(var(--1) * 4)}.device-screen-chrome .chrome-address-bar .chrome-res-tag.emerald-tag{color:#34d399}.device-screen-chrome .chrome-device-tag{font-size:calc(var(--1) * 10);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.device-screen-body{flex:1;display:flex;flex-direction:column;gap:calc(var(--1) * 8);padding:calc(var(--1) * 8) calc(var(--1) * 12) calc(var(--1) * 10) calc(var(--1) * 12);background:var(--bg-main);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.device-screen-body::-webkit-scrollbar{width:calc(var(--1) * 3);height:calc(var(--1) * 3)}.device-screen-body::-webkit-scrollbar-track{background:transparent}.device-screen-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:calc(var(--1) * 999)}.device-screen-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.device-screen-body.fixed-screen-body{overflow-x:auto}.screen-alert-badge{display:flex;align-items:center;gap:calc(var(--1) * 6);padding:calc(var(--1) * 6) calc(var(--1) * 10);border-radius:calc(var(--1) * 6);font-size:calc(var(--1) * 11);line-height:1.3;flex-shrink:0}.screen-alert-badge.alert-overflow{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);color:#f87171}.screen-alert-badge.alert-neutral{background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.2);color:var(--text-secondary)}.screen-alert-badge.alert-success{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35);color:#34d399}.screen-mini-navbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:calc(var(--1) * 8);flex-shrink:0}.screen-mini-navbar.fixed-navbar{padding:calc(var(--1) * 7) calc(var(--1) * 12);font-size:calc(var(--1) * 11)}.screen-mini-navbar .nav-brand{display:flex;align-items:center;gap:calc(var(--1) * 6)}.screen-mini-navbar .nav-brand .brand-dot{width:calc(var(--1) * 6);height:calc(var(--1) * 6);border-radius:50%}.screen-mini-navbar .nav-brand .brand-dot.fixed-dot{background:#f87171}.screen-mini-navbar .nav-brand .brand-dot.fmds-dot{background:#34d399;box-shadow:0 0 calc(var(--1) * 6) #34d399}.screen-mini-navbar .nav-brand strong{color:var(--text-primary);letter-spacing:.04em}.screen-mini-navbar .nav-links{display:flex;align-items:center;gap:calc(var(--1) * 10);color:var(--text-tertiary);font-size:calc(var(--1) * 10.5)}.screen-content-intro{display:flex;flex-direction:column;gap:calc(var(--1) * 2);flex-shrink:0}.screen-content-intro .screen-intro-crumb{font-size:calc(var(--1) * 9.5);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.screen-content-intro .screen-intro-heading{font-size:calc(var(--1) * 12.5);font-weight:800;color:var(--text-primary);margin:0}.screen-mini-footer{margin-top:auto;padding-top:calc(var(--1) * 6);border-top:1px solid var(--border-subtle);text-align:center;font-size:calc(var(--1) * 9.5);font-family:JetBrains Mono,monospace;color:var(--text-tertiary)}.device-resize-handle{position:absolute;top:0;right:0;bottom:0;width:calc(var(--1) * 14);display:flex;align-items:center;justify-content:center;cursor:ew-resize;background:transparent;transition:background .15s ease;z-index:10}.device-resize-handle .handle-grip{font-size:calc(var(--1) * 12);color:var(--text-dim);transition:color .15s ease,transform .15s ease;user-select:none}.device-resize-handle.active,.device-resize-handle:hover{background:rgba(56,189,248,.18)}.device-resize-handle.active .handle-grip,.device-resize-handle:hover .handle-grip{color:var(--accent-primary);transform:scale(1.3)}.demo-card-box{width:100%;background:var(--bg-surface);display:flex;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1)}.demo-card-box,.demo-card-box.fmds-mode{border:none;box-shadow:var(--shadow-md)}.demo-card-box .demo-content-body{display:flex;flex-direction:column;gap:calc(var(--1) * 8);width:100%}.demo-card-box .demo-product-header{display:flex;align-items:center;gap:calc(var(--1) * 10);width:100%}.demo-card-box .demo-icon-square{flex-shrink:0;background:linear-gradient(135deg,var(--bg-surface-elevated),var(--bg-deep));border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center}.demo-card-box .demo-icon-square.fmds-icon-square{border-color:rgba(56,189,248,.25)}.demo-card-box .demo-product-info{display:flex;flex-direction:column;gap:calc(var(--1) * 2);flex:1;min-width:0}.demo-card-box .demo-img-slot{width:100%;background:linear-gradient(135deg,var(--bg-surface-elevated),var(--bg-deep));border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center}.demo-card-box .demo-img-slot.fmds-slot{border-color:rgba(56,189,248,.25)}.demo-card-box .demo-meta-row{display:flex;align-items:center;justify-content:space-between;width:100%}.demo-card-box .demo-chip{font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:calc(var(--1) * 4)}.demo-card-box .demo-chip.chip-fixed{background:rgba(239,68,68,.12);color:#f87171}.demo-card-box .demo-chip.chip-fmds{background:rgba(16,185,129,.12);color:#34d399}.demo-card-box .demo-price{font-weight:800;color:var(--text-primary)}.demo-card-box .demo-price.text-emerald{color:#34d399}.demo-card-box .demo-heading{font-weight:800;color:var(--text-primary);letter-spacing:-.01em;margin:0}.demo-card-box .demo-desc{color:var(--text-secondary);margin:0}.demo-card-box .demo-action-btn{width:100%;border:none;font-weight:700;cursor:pointer;transition:opacity .15s ease}.demo-card-box .demo-action-btn:hover{opacity:.9}.demo-card-box .demo-action-btn.btn-fixed{background:var(--bg-surface-elevated);color:var(--text-primary);border:none;box-shadow:var(--shadow-xs)}.demo-card-box .demo-action-btn.btn-fmds{background:linear-gradient(135deg,var(--accent-primary) 0,#ea580c 100%);color:#fff;box-shadow:var(--shadow-xs)}.demo-card-box .demo-big-stat{font-weight:900;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em}.demo-card-box .demo-big-stat.text-cyan{color:var(--accent-cyan)}.demo-card-box .pulse-green{width:calc(var(--1) * 8);height:calc(var(--1) * 8);border-radius:50%;background:#10b981}.demo-card-box .demo-progress-bg{width:100%;background:var(--bg-deep);overflow:hidden}.demo-card-box .demo-progress-bg .demo-progress-fill{height:100%;background:#94a3b8}.demo-card-box .demo-progress-bg .demo-progress-fill.fmds-fill{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-secondary))}.demo-card-box .demo-metric-footer{display:flex;align-items:center;justify-content:space-between;color:var(--text-tertiary)}.demo-card-box .demo-input-control{width:100%;background:var(--bg-deep);border:none;box-shadow:var(--shadow-xs);color:var(--text-primary);outline:none}.demo-card-box .demo-input-control.fmds-input{box-shadow:var(--shadow-xs)}.demo-card-box.card-overflowing{border:calc(var(--1) * 2) dashed #ef4444!important;box-shadow:var(--shadow-lg)!important;position:relative}.demo-card-box.card-fluid-fit{border:none!important;box-shadow:var(--shadow-md)!important}.demo-specs-row{display:flex;align-items:center;gap:calc(var(--1) * 6);flex-wrap:nowrap}.demo-specs-row .spec-pill{background:var(--bg-deep);border:none;border-radius:calc(var(--1) * 6);font-size:calc(var(--1) * 11);padding:calc(var(--1) * 3) calc(var(--1) * 8);white-space:nowrap;color:var(--text-secondary);box-shadow:var(--shadow-xs)}.demo-specs-row .spec-pill.fixed-pill{font-size:calc(var(--1) * 11.5);padding:calc(var(--1) * 3) calc(var(--1) * 8)}.demo-specs-row .spec-pill.fmds-pill{color:#34d399}.demo-triple-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--1) * 6);background:var(--bg-deep);border:none;border-radius:calc(var(--1) * 8);padding:calc(var(--1) * 6) calc(var(--1) * 8);box-shadow:var(--shadow-xs)}.demo-triple-metrics .metric-col{display:flex;flex-direction:column;gap:calc(var(--1) * 2);text-align:center}.demo-triple-metrics .metric-col small{color:var(--text-tertiary);font-size:calc(var(--1) * 9.5);text-transform:uppercase;letter-spacing:.04em}.demo-triple-metrics .metric-col strong{color:var(--text-primary);font-size:calc(var(--1) * 13);font-family:JetBrains Mono,monospace}.payment-options-row{display:flex;align-items:center;gap:calc(var(--1) * 6)}.payment-options-row .pay-pill{flex:1;background:var(--bg-deep);border:none;border-radius:calc(var(--1) * 6);padding:calc(var(--1) * 6) calc(var(--1) * 6);font-size:calc(var(--1) * 11);font-weight:600;color:var(--text-secondary);text-align:center;white-space:nowrap;box-shadow:var(--shadow-xs)}.payment-options-row .pay-pill.fmds-pay-pill{color:#34d399}.stage-bottom-telemetry{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--1) * 10);padding:calc(var(--1) * 8) calc(var(--1) * 14);background:var(--bg-deep);border-top:1px solid var(--border-subtle)}.stage-bottom-telemetry .telemetry-pill{display:flex;align-items:center;gap:calc(var(--1) * 6);font-size:calc(var(--1) * 11);overflow:hidden;white-space:nowrap}.stage-bottom-telemetry .telemetry-pill .tel-k{font-weight:700;color:var(--text-tertiary);text-transform:uppercase;font-size:calc(var(--1) * 10);letter-spacing:.03em}.stage-bottom-telemetry .telemetry-pill .tel-v{font-weight:700;font-family:JetBrains Mono,monospace;overflow:hidden;text-overflow:ellipsis}.stage-bottom-telemetry .telemetry-pill .tel-v.text-accent{color:var(--accent-primary)}.stage-bottom-telemetry .telemetry-pill .tel-v.text-cyan{color:var(--accent-cyan)}.stage-bottom-telemetry .telemetry-pill .tel-v.text-amber{color:var(--accent-amber)}.stage-bottom-telemetry .telemetry-pill .tel-v.text-emerald{color:var(--accent-secondary)}.stage-bottom-telemetry .telemetry-pill .tel-sub{font-size:calc(var(--1) * 10);color:var(--text-tertiary);font-family:JetBrains Mono,monospace}@media(max-width:960px){.console-row-sliders{grid-template-columns:1fr;gap:calc(var(--1) * 8)}.stage-bottom-telemetry{grid-template-columns:repeat(2,1fr);gap:calc(var(--1) * 6)}}@media(max-width:640px){.stage-bottom-telemetry,.stage-dual-arena.mode-split{grid-template-columns:1fr}}.doc-toc{width:calc(var(--1) * 250);flex-shrink:0;position:sticky;top:calc(var(--1) * 60);height:calc(100vh - calc(var(--1) * 60));overflow-y:auto;padding:calc(var(--1) * 24) calc(var(--1) * 16);border-left:1px solid var(--border-subtle);background:var(--bg-main);z-index:10;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.doc-toc::-webkit-scrollbar{width:calc(var(--1) * 4);height:calc(var(--1) * 4)}.doc-toc::-webkit-scrollbar-track{background:transparent}.doc-toc::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:calc(var(--1) * 999)}.doc-toc::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.toc-sticky-container{display:flex;flex-direction:column;gap:calc(var(--1) * 18)}.toc-title{font-size:calc(var(--1) * 12);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:calc(var(--1) * 10)}.toc-list{list-style:none;display:flex;flex-direction:column;gap:calc(var(--1) * 6)}.toc-item{position:relative}.toc-link{background:transparent;border:none;display:flex;align-items:center;gap:calc(var(--1) * 8);font-size:calc(var(--1) * 13);color:var(--text-tertiary);text-align:left;cursor:pointer;padding:calc(var(--1) * 4) 0;transition:color .15s ease;width:100%}.toc-link .toc-bullet{width:calc(var(--1) * 5);height:calc(var(--1) * 5);border-radius:50%;background:var(--text-dim);transition:all .15s ease;flex-shrink:0}.toc-link:hover{color:var(--text-primary)}.toc-link.active{color:var(--accent-primary);font-weight:600}.toc-link.active .toc-bullet{background:var(--accent-primary);box-shadow:0 0 calc(var(--1) * 6) var(--accent-primary-glow)}.toc-divider{height:1px;background:var(--border-subtle)}.feedback-block{display:flex;flex-direction:column;gap:calc(var(--1) * 8)}.feedback-block .feedback-label{font-size:calc(var(--1) * 12);color:var(--text-secondary);font-weight:600}.feedback-block .feedback-thanks{font-size:calc(var(--1) * 12);color:var(--accent-secondary);font-weight:600}.feedback-block .feedback-btns{display:flex;gap:calc(var(--1) * 8)}.feedback-block .feedback-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:calc(var(--1) * 6);padding:calc(var(--1) * 4) calc(var(--1) * 10);font-size:calc(var(--1) * 12);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.feedback-block .feedback-btn:hover{border-color:var(--border-bright);color:var(--text-primary);background:var(--bg-surface-elevated)}.toc-quick-links{display:flex;flex-direction:column;gap:calc(var(--1) * 8);margin-top:calc(var(--1) * 8)}.toc-quick-links .toc-quick-link{display:flex;align-items:center;gap:calc(var(--1) * 8);font-size:calc(var(--1) * 12);color:var(--text-tertiary);text-decoration:none;transition:color .15s ease}.toc-quick-links .toc-quick-link:hover{color:var(--accent-primary)}.search-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(calc(var(--1) * 8));-webkit-backdrop-filter:blur(calc(var(--1) * 8));z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:calc(var(--1) * 100);animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal-dialog{width:100%;max-width:calc(var(--1) * 620);background:var(--bg-surface);border:none;border-radius:calc(var(--1) * 14);box-shadow:var(--shadow-dialog);overflow:hidden;display:flex;flex-direction:column}.search-input-header{display:flex;align-items:center;gap:calc(var(--1) * 12);padding:calc(var(--1) * 14) calc(var(--1) * 18);border-bottom:1px solid hsla(0,0%,100%,.05);background:var(--bg-main)}.search-input-header .search-icon-svg{width:calc(var(--1) * 18);height:calc(var(--1) * 18);color:var(--text-tertiary);flex-shrink:0}.search-input-header .search-modal-input{flex:1;background:transparent;border:none;font-size:calc(var(--1) * 16);color:var(--text-primary);outline:none}.search-input-header .search-close-btn{background:transparent;border:none;cursor:pointer}.search-results-list{max-height:calc(var(--1) * 380);overflow-y:auto;padding:calc(var(--1) * 8);display:flex;flex-direction:column;gap:calc(var(--1) * 4);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.search-results-list::-webkit-scrollbar{width:calc(var(--1) * 4);height:calc(var(--1) * 4)}.search-results-list::-webkit-scrollbar-track{background:transparent}.search-results-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:calc(var(--1) * 999)}.search-results-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.search-result-item{display:flex;align-items:center;gap:calc(var(--1) * 12);padding:calc(var(--1) * 10) calc(var(--1) * 12);border-radius:calc(var(--1) * 8);cursor:pointer;transition:all .1s}.search-result-item.selected,.search-result-item:hover{background:var(--bg-surface-elevated)}.search-result-item.selected .res-title,.search-result-item:hover .res-title{color:var(--accent-primary)}.search-result-item .res-icon-wrap{font-size:calc(var(--1) * 18)}.search-result-item .res-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(var(--1) * 2)}.search-result-item .res-title-row{display:flex;align-items:center;gap:calc(var(--1) * 8)}.search-result-item .res-title{font-weight:600;font-size:calc(var(--1) * 14);color:var(--text-primary)}.search-result-item .res-section-badge{font-size:calc(var(--1) * 11);color:var(--text-tertiary);background:var(--bg-deep);padding:1px calc(var(--1) * 6);border-radius:calc(var(--1) * 4)}.search-result-item .res-desc{font-size:calc(var(--1) * 12);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item .res-arrow{color:var(--text-dim);font-size:calc(var(--1) * 14)}.search-no-results{padding:calc(var(--1) * 32);text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(var(--1) * 8);color:var(--text-tertiary)}.search-no-results .no-res-icon{font-size:calc(var(--1) * 28)}.search-modal-footer{display:flex;align-items:center;gap:calc(var(--1) * 16);padding:calc(var(--1) * 10) calc(var(--1) * 18);background:var(--bg-main);border-top:1px solid var(--border-subtle);font-size:calc(var(--1) * 11);color:var(--text-tertiary)}.search-modal-footer .search-hint{display:flex;align-items:center;gap:calc(var(--1) * 4)}@media(max-width:1200px){.doc-toc{display:none}.doc-main-content-column{padding:calc(var(--1) * 28) calc(var(--1) * 32)}}@media(max-width:860px){.mobile-sidebar-toggle{display:flex}.header-external-icons,.header-quick-nav{display:none}.theme-switcher-group{padding:calc(var(--1) * 2) calc(var(--1) * 4);gap:calc(var(--1) * 3)}.theme-btn{padding:calc(var(--1) * 6)}.theme-btn span:not(.theme-dot){display:none}.header-center{flex:1;max-width:calc(var(--1) * 340);min-width:calc(var(--1) * 160);margin:0 calc(var(--1) * 12)}.header-search-trigger{width:100%;padding:calc(var(--1) * 7) calc(var(--1) * 12);gap:calc(var(--1) * 8)}.header-search-trigger .search-placeholder{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-search-trigger .search-placeholder-full{display:none}.header-search-trigger .search-placeholder-tablet{display:inline}.header-search-trigger .search-placeholder-mobile{display:none}.sidebar-mobile-header{display:flex}.doc-sidebar{position:fixed;top:0;left:0;bottom:0;width:calc(var(--1) * 290);max-width:84vw;height:100vh;z-index:250;border-right:none;transform:translateX(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-dialog)}.doc-sidebar.sidebar-open{transform:translateX(0)}.sidebar-mobile-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(calc(var(--1) * 4));z-index:240}.canvas-cards-row,.doc-calc-inputs,.doc-calc-metrics,.doc-columns-two,.doc-feature-grid,.npm-info-grid,.preview-card-grid{grid-template-columns:1fr!important}.doc-main-content-column{padding:calc(var(--1) * 20) calc(var(--1) * 16)}}@media(max-width:640px){.docs-app-container,body,html{overflow-x:hidden;max-width:100vw}.docs-header-inner{padding:0 calc(var(--1) * 12);gap:calc(var(--1) * 8)}.brand-titles .brand-ext,.brand-titles .brand-tag,.search-kbd-shortcut{display:none}.header-left{gap:calc(var(--1) * 8)}.header-right{gap:calc(var(--1) * 6)}.hud-toggle-btn{padding:calc(var(--1) * 5) calc(var(--1) * 8);font-size:calc(var(--1) * 11);gap:calc(var(--1) * 4)}.hud-container{flex-direction:column;align-items:flex-start;gap:calc(var(--1) * 8)}.hud-metrics{gap:calc(var(--1) * 8);font-size:calc(var(--1) * 11)}.hud-controls{width:100%;padding-bottom:calc(var(--1) * 4)}.hud-controls,.hud-device-toggles{overflow-x:auto;-webkit-overflow-scrolling:touch}.hud-device-toggles{display:flex;flex-wrap:nowrap;gap:calc(var(--1) * 4)}.dev-btn{white-space:nowrap;flex-shrink:0;font-size:calc(var(--1) * 10);padding:calc(var(--1) * 3) calc(var(--1) * 6)}.doc-main-h1{font-size:calc(var(--1) * 28)!important}.doc-lead-desc{font-size:calc(var(--1) * 15)!important}.doc-pagination-nav{flex-direction:column;gap:calc(var(--1) * 10)}.doc-pagination-nav .pagination-btn{max-width:100%;width:100%}.doc-pagination-nav .pagination-next{margin-left:0;text-align:left}.search-modal-backdrop{padding:calc(var(--1) * 24) calc(var(--1) * 12) calc(var(--1) * 12)}.search-modal-dialog{max-height:82vh;border-radius:calc(var(--1) * 12)}.search-modal-footer{display:none}}@media(max-width:360px){.docs-header-inner{padding:0 calc(var(--1) * 6);gap:calc(var(--1) * 4)}.hud-toggle-btn{display:none}}