:root{--crimson-live:#C8232A;--crimson-deep:#9C1A20;--crimson-bright:#E32A32;--crimson-ember:#6E1318;--black-deep:#050505;--black:#0A0A0A;--graphite:#141414;--graphite-up:#1C1C1C;--graphite-edge:#262626;--steel:#3A3A3A;--dust:#BDB0A0;--dust-bright:#E8DDCC;--dust-muted:#6F6657;--bone:#F2EDE4;--ink:#F4F1EC;--ink-soft:rgba(244,241,236,.72);--ink-mute:rgba(244,241,236,.46);--ink-faint:rgba(244,241,236,.22);--surface-0:var(--black-deep);--surface-1:var(--graphite);--surface-2:var(--graphite-up);--surface-edge:var(--graphite-edge);--f-display:"Anton","Oswald","Impact",sans-serif;--f-header:"Barlow Condensed","Oswald",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace;--f-body:"Inter",system-ui,-apple-system,sans-serif;--t-mega:clamp(56px,10.5vw,168px);--t-display:clamp(40px,6.4vw,104px);--t-h1:clamp(32px,4.4vw,60px);--t-h2:clamp(26px,3.2vw,42px);--t-h3:clamp(20px,2vw,28px);--t-body:16px;--t-small:14px;--t-mono:12px;--t-tag:11px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--r-0:0px;--r-1:2px;--r-2:4px;--r-3:8px;--motion-fast:160ms;--motion:280ms;--motion-slow:600ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--hairline:1px solid var(--graphite-edge);--hairline-strong:1px solid var(--steel);--hairline-dust:1px solid rgba(189,176,160,.18);--carbon-pattern:repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,rgba(0,0,0,.35) 0 1px,transparent 1px 4px);--grain:radial-gradient(rgba(255,255,255,.02) 1px,transparent 0) 0 0/3px 3px}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion:0ms;--motion-slow:0ms}}:root{--sidebar-w:232px;--sidebar-w-min:64px;--topbar-h:60px;--ribbon-h:34px;--ok:#4FB286;--warn:#E8A33D;--danger:#C8232A;--info:#6EA8DC;--ok-soft:rgba(79,178,134,.14);--warn-soft:rgba(232,163,61,.14);--danger-soft:rgba(200,35,42,.14);--info-soft:rgba(110,168,220,.14);--field-bg:var(--graphite);--field-border:var(--graphite-edge);--field-border-hi:var(--steel);--field-focus:var(--crimson-live);--field-h:40px;--elev-1:0 1px 0 rgba(255,255,255,.02),0 0 0 1px var(--graphite-edge);--elev-2:0 8px 24px rgba(0,0,0,.45),0 0 0 1px var(--graphite-edge);--elev-3:0 24px 48px rgba(0,0,0,.6),0 0 0 1px var(--steel);--elev-pop:0 12px 32px rgba(0,0,0,.55),0 0 0 1px var(--graphite-edge);--focus-ring:0 0 0 2px var(--black),0 0 0 4px var(--crimson-live);--paper:#F4F1EC;--paper-soft:#ECE7DE;--paper-edge:#DBD3C5;--paper-edge-2:#C3B8A4;--paper-mute:rgba(10,10,10,.55);--paper-faint:rgba(10,10,10,.32);--paper-ink:#0A0A0A;--paper-ink-soft:#1C1C1C;--paper-ink-mute:rgba(10,10,10,.62);--focus-ring-paper:0 0 0 2px var(--paper),0 0 0 4px var(--crimson-live)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{text-size-adjust:100%}body{background:var(--surface-0);color:var(--ink);font-family:var(--f-body);font-size:var(--t-body);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-size-adjust:100%}.t-display,.t-h1,.t-h2,.t-h3,.t-mega{font-family:var(--f-display);font-weight:400;letter-spacing:-.01em;line-height:.92;text-transform:uppercase;margin:0}.t-mega{font-size:var(--t-mega)}.t-display{font-size:var(--t-display)}.t-h1{font-size:var(--t-h1)}.t-h2{font-size:var(--t-h2)}.t-h3{font-size:var(--t-h3);font-family:var(--f-header);font-weight:600;letter-spacing:0}.t-eyebrow{font-family:var(--f-mono);font-size:var(--t-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--crimson-live);margin:0}.t-eyebrow.ink{color:var(--ink-soft)}.t-eyebrow.dust{color:var(--dust)}.t-body{font-size:var(--t-body)}.t-body,.t-small{font-family:var(--f-body);color:var(--ink-soft);margin:0}.t-small{font-size:var(--t-small)}.t-mono{font-size:var(--t-mono);letter-spacing:.18em}.t-mono,.t-tag{font-family:var(--f-mono);text-transform:uppercase;color:var(--ink-mute);margin:0}.t-tag{font-size:var(--t-tag);letter-spacing:.2em}.t-num{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}a{color:var(--crimson-bright);text-decoration:none}a:hover{color:var(--ink)}.sticker{display:inline-flex;padding:4px 10px 5px;font-family:var(--f-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase}.ribbon,.sticker{align-items:center;background:var(--crimson-live);color:#fff}.ribbon{height:var(--ribbon-h);overflow:hidden;position:relative;display:flex}.ribbon-track{display:flex;gap:36px;white-space:nowrap;animation:ribbon-scroll 38s linear infinite;font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding-left:36px}.ribbon-item{display:inline-flex;align-items:center;gap:12px}.ribbon-item:before{content:"•";color:rgba(255,255,255,.7)}@keyframes ribbon-scroll{to{transform:translateX(-50%)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;font-family:var(--f-header);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border:1px solid transparent;border-radius:var(--r-1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn .ico{width:16px;height:16px;flex:none}.btn-primary{background:var(--crimson-live);color:#fff}.btn-primary:hover{background:var(--crimson-bright)}.btn-secondary{background:var(--graphite-up);color:var(--ink);border-color:var(--graphite-edge)}.btn-secondary:hover{background:var(--surface-edge);border-color:var(--steel)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--graphite-edge)}.btn-ghost:hover{border-color:var(--ink-soft);background:rgba(255,255,255,.02)}.btn-destructive{background:transparent;color:var(--crimson-bright);border-color:rgba(200,35,42,.4)}.btn-destructive:hover{background:var(--crimson-deep);color:#fff;border-color:var(--crimson-live)}.btn-sm{height:32px;padding:0 12px;font-size:11px}.btn-lg{height:48px;padding:0 24px;font-size:14px}.btn-icon{width:40px;padding:0}.btn-icon.btn-sm{width:32px}.btn[disabled]{opacity:.4;pointer-events:none}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-family:var(--f-mono);font-size:var(--t-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.field-hint{font-size:12px;color:var(--ink-mute)}.field-error{font-size:12px;color:var(--crimson-bright);font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase}.input,.select,.textarea{font:inherit;font-family:var(--f-body);color:var(--ink);background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--r-1);height:var(--field-h);padding:0 12px;outline:none;width:100%;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.textarea{height:auto;min-height:96px;padding:10px 12px;resize:vertical}.input:hover,.select:hover,.textarea:hover{border-color:var(--field-border-hi)}.input:focus,.select:focus,.textarea:focus{border-color:var(--field-focus);background:var(--graphite-up)}.input::placeholder,.textarea::placeholder{color:var(--ink-mute)}.select{background-image:linear-gradient(45deg,transparent 50%,var(--ink-soft) 50%),linear-gradient(135deg,var(--ink-soft) 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 12px) 18px;background-size:6px 6px;background-repeat:no-repeat;padding-right:32px}.checkbox,.radio,.select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.checkbox,.radio{width:18px;height:18px;background:var(--field-bg);border:1px solid var(--field-border-hi);cursor:pointer;display:inline-grid;place-content:center;position:relative;vertical-align:middle}.checkbox{border-radius:var(--r-1)}.radio{border-radius:50%}.checkbox:hover,.radio:hover{border-color:var(--ink-soft)}.checkbox:checked,.radio:checked{background:var(--crimson-live);border-color:var(--crimson-live)}.checkbox:checked:after{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.radio:checked:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:22px;background:var(--graphite-up);border:1px solid var(--field-border-hi);border-radius:999px;position:relative;cursor:pointer;transition:background var(--motion-fast)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--ink-soft);border-radius:50%;transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast)}.toggle:checked{background:var(--crimson-live);border-color:var(--crimson-live)}.toggle:checked:after{transform:translateX(16px);background:#fff}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 4px;font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;border-radius:var(--r-1);background:var(--graphite-up);color:var(--ink-soft);border:1px solid var(--graphite-edge)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.is-crimson{background:var(--crimson-deep);color:#fff;border-color:var(--crimson-live)}.badge.is-ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.badge.is-warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.badge.is-danger{background:var(--danger-soft);color:var(--crimson-bright);border-color:transparent}.badge.is-info{background:var(--info-soft);color:var(--info);border-color:transparent}.badge.is-solid{background:var(--ink);color:var(--black);border:none}.role-pill{gap:8px;padding:5px 10px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;background:var(--crimson-deep);color:#fff;border:1px solid var(--crimson-live);border-radius:var(--r-1)}.av,.role-pill{display:inline-flex;align-items:center;font-family:var(--f-mono)}.av{width:36px;height:36px;border-radius:50%;background:var(--graphite-up);justify-content:center;font-size:12px;letter-spacing:.08em;color:var(--ink);border:1px solid var(--graphite-edge);position:relative;overflow:hidden;flex:none}.av img{width:100%;height:100%;object-fit:cover}.av-sm{width:28px;height:28px;font-size:10px}.av-lg{width:56px;height:56px;font-size:16px}.av-xl{width:80px;height:80px;font-size:22px}.av.is-crimson{background:var(--crimson-deep);color:#fff;border-color:var(--crimson-live)}.av-stack{display:inline-flex}.av-stack .av{margin-left:-10px;box-shadow:0 0 0 2px var(--surface-1)}.av-stack .av:first-child{margin-left:0}.tabs{display:flex;gap:0;border-bottom:1px solid var(--graphite-edge);align-items:stretch}.tab{padding:12px 18px;font-family:var(--f-header);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;position:relative;margin-bottom:-1px;transition:color var(--motion-fast),border-color var(--motion-fast)}.tab:hover{color:var(--ink-soft)}.tab.is-active{color:var(--ink);border-bottom-color:var(--crimson-live)}.segmented{display:inline-flex;gap:6px}.seg{padding:8px 14px;font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:transparent;color:var(--ink-soft);border:1px solid var(--graphite-edge);cursor:pointer;transition:all var(--motion-fast) var(--ease-out)}.seg:hover{border-color:var(--steel);color:var(--ink)}.seg.is-active{background:var(--crimson-live);border-color:var(--crimson-live);color:#fff}.has-tip{position:relative}.tip{bottom:calc(100% + 8px);background:var(--bone);color:var(--black);font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:6px 10px;border-radius:var(--r-1);white-space:nowrap;pointer-events:none;z-index:50}.tip,.tip:after{position:absolute;left:50%;transform:translateX(-50%)}.tip:after{content:"";top:100%;border:5px solid transparent;border-top:5px solid var(--bone)}.panel{background:var(--surface-1);border:1px solid var(--graphite-edge);border-radius:var(--r-1);position:relative}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid var(--graphite-edge);gap:12px}.panel-title{font-family:var(--f-header);font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0}.panel-meta{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:var(--ink-mute);text-transform:uppercase}.panel-body{padding:18px}.panel.is-raised{background:var(--surface-2)}.panel.is-edged{border-color:var(--steel)}.panel.has-notch:before{content:"";position:absolute;top:0;left:0;width:56px;height:4px;background:var(--crimson-live)}.modal-backdrop{position:fixed;inset:0;background:rgba(5,5,5,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100}.modal{width:min(520px,calc(100vw - 32px));background:var(--surface-1);border:1px solid var(--steel);border-radius:var(--r-2);box-shadow:var(--elev-3);overflow:hidden}.modal-head{padding:18px 20px;border-bottom:1px solid var(--graphite-edge);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-body{padding:20px}.modal-foot{padding:16px 20px;border-top:1px solid var(--graphite-edge);display:flex;justify-content:flex-end;gap:10px;background:var(--surface-0)}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--graphite-edge);border-left:3px solid var(--crimson-live);border-radius:var(--r-1);box-shadow:var(--elev-pop);max-width:360px}.toast.is-ok{border-left-color:var(--ok)}.toast.is-warn{border-left-color:var(--warn)}.toast.is-info{border-left-color:var(--info)}.toast-title{font-family:var(--f-header);font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 2px}.toast-body{font-size:13px;color:var(--ink-soft);margin:0}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.tbl thead th{text-align:left;font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);padding:12px 14px;background:var(--surface-0);font-weight:400}.tbl tbody td,.tbl thead th{border-bottom:1px solid var(--graphite-edge)}.tbl tbody td{padding:14px;color:var(--ink-soft);vertical-align:middle}.tbl tbody tr:hover td{background:rgba(255,255,255,.02);color:var(--ink)}.tbl .row-strong{color:var(--ink);font-weight:500}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;transition:grid-template-columns var(--motion) var(--ease-out)}.shell.is-collapsed{grid-template-columns:var(--sidebar-w-min) 1fr}.sidebar{background:var(--black-deep);border-right:1px solid var(--graphite-edge);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:hidden}.sb-brand{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--graphite-edge);height:var(--topbar-h);flex:none}.sb-brand-mark{width:34px;height:34px;background:var(--crimson-live);display:grid;place-items:center;font-family:var(--f-display);color:#fff;font-size:22px;border-radius:var(--r-1);flex:none}.sb-brand-text{font-family:var(--f-header);font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1;white-space:nowrap}.sb-brand-text small{display:block;font-family:var(--f-mono);font-size:9px;letter-spacing:.22em;color:var(--dust-muted);margin-top:4px;font-weight:400}.sb-identity{padding:16px;border-bottom:1px solid var(--graphite-edge);display:flex;flex-direction:column;gap:10px;flex:none}.sb-identity-row{display:flex;align-items:center;gap:10px}.sb-identity-name{font-family:var(--f-header);font-size:13px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-section{padding:12px 0;flex:1 1;overflow-y:auto}.sb-section+.sb-section{border-top:1px solid var(--graphite-edge)}.sb-group-label{padding:6px 18px;font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--dust-muted)}.sb-link{display:flex;align-items:center;gap:12px;padding:9px 16px;color:var(--ink-soft);font-family:var(--f-header);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-left:2px solid transparent;transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast);white-space:nowrap}.sb-link:hover{background:rgba(255,255,255,.02);color:var(--ink)}.sb-link.is-active{background:rgba(200,35,42,.1);color:var(--ink);border-left-color:var(--crimson-live)}.sb-link .ico{width:18px;height:18px;flex:none}.sb-link .count{margin-left:auto;font-family:var(--f-mono);font-size:10px;color:var(--dust-muted);letter-spacing:.12em}.sb-link.is-active .count{color:var(--crimson-bright)}.sb-foot{padding:12px 16px;border-top:1px solid var(--graphite-edge);display:flex;align-items:center;gap:10px;flex:none}.shell.is-collapsed .sb-brand-text,.shell.is-collapsed .sb-group-label,.shell.is-collapsed .sb-identity-text,.shell.is-collapsed .sb-link .count,.shell.is-collapsed .sb-link span:not(.count){display:none}.shell.is-collapsed .sb-link{padding:12px 0;justify-content:center}.shell.is-collapsed .sb-identity{align-items:center}.shell.is-collapsed .sb-brand,.shell.is-collapsed .sb-foot{justify-content:center}.topbar{height:var(--topbar-h);background:var(--surface-1);border-bottom:1px solid var(--graphite-edge);padding:0 24px;gap:18px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.crumbs,.topbar{display:flex;align-items:center}.crumbs{gap:8px;font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute)}.crumbs .sep{color:var(--steel)}.crumbs .here{color:var(--ink)}.searchbar{flex:1 1;max-width:480px;margin:0 auto;position:relative;height:36px}.searchbar input{width:100%;height:100%;background:var(--surface-0);border:1px solid var(--graphite-edge);color:var(--ink);padding:0 14px 0 36px;font-family:var(--f-body);font-size:13px;border-radius:var(--r-1);outline:none}.searchbar input:focus{border-color:var(--crimson-live);background:var(--graphite-up)}.searchbar svg{left:12px;pointer-events:none}.searchbar kbd,.searchbar svg{position:absolute;top:50%;transform:translateY(-50%);color:var(--ink-mute)}.searchbar kbd{right:8px;font-family:var(--f-mono);font-size:10px;background:var(--graphite-up);border:1px solid var(--graphite-edge);padding:2px 6px;border-radius:2px}.topbar-end{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-btn{width:36px;height:36px;border:1px solid transparent;background:transparent;color:var(--ink-soft);display:grid;place-items:center;cursor:pointer;border-radius:var(--r-1);position:relative;transition:background var(--motion-fast),color var(--motion-fast)}.icon-btn:hover{background:var(--graphite-up);color:var(--ink)}.icon-btn .dot{position:absolute;top:8px;right:8px;width:6px;height:6px;background:var(--crimson-live);border-radius:50%;box-shadow:0 0 0 2px var(--surface-1)}.content{padding:24px;min-height:calc(100vh - var(--topbar-h));display:flex;flex-direction:column;gap:24px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.section-head .titles{display:flex;flex-direction:column;gap:6px}.section-head h2{font-family:var(--f-display);font-size:clamp(28px,3vw,44px);line-height:.92;text-transform:uppercase;margin:0}.skel{background:linear-gradient(90deg,var(--graphite) 0,var(--graphite-up) 40%,var(--graphite) 80%);background-size:200% 100%;animation:skel 1.4s linear infinite;border-radius:var(--r-1);display:block}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.row{display:flex;align-items:center;gap:12px}.row.wrap{flex-wrap:wrap}.stack{flex-direction:column}.spread,.stack{display:flex;gap:12px}.spread{align-items:center;justify-content:space-between}.hairline{height:1px;background:var(--graphite-edge);border:none;margin:0}.swatch-stack{display:grid;grid-gap:0;gap:0}.swatch{display:flex;align-items:flex-end;justify-content:space-between;padding:14px 14px 12px;height:96px;border-bottom:1px solid rgba(0,0,0,.5)}.swatch:first-child{border-radius:var(--r-1) var(--r-1) 0 0}.swatch:last-child{border-radius:0 0 var(--r-1) var(--r-1);border-bottom:none}.swatch-name{font-size:11px;letter-spacing:.18em;text-transform:uppercase}.swatch-hex,.swatch-name{font-family:var(--f-mono)}.swatch-hex{font-size:10px;letter-spacing:.14em;opacity:.8}.swatch.is-light{color:var(--black)}.swatch.is-dark{color:var(--ink)}.showcase-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px;gap:24px}.col-12{grid-column:span 12}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.col-8{grid-column:span 8}@media (max-width:1080px){.col-3,.col-4,.col-6,.col-8{grid-column:span 12}}.type-row{display:grid;grid-template-columns:120px 1fr;grid-gap:24px;gap:24px;padding:16px 0;border-bottom:1px solid var(--graphite-edge);align-items:baseline}.type-row:last-child{border-bottom:none}.type-row .meta{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;color:var(--ink-mute);text-transform:uppercase}.type-row .specimen{line-height:1}.spec-row{display:grid;grid-template-columns:120px 1fr 100px;grid-gap:16px;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid var(--graphite-edge)}.spec-row:last-child{border-bottom:none}.spec-row .name{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:var(--ink);text-transform:uppercase}.spec-row .bar{height:14px;background:var(--crimson-deep);border-radius:2px}.spec-row .val{font-family:var(--f-mono);font-size:11px;color:var(--ink-mute);letter-spacing:.14em;text-align:right}.radius-demo{width:64px;height:64px;background:var(--surface-2);border:1px solid var(--steel);display:grid;place-items:center}.elev-demo,.radius-demo{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-soft)}.elev-demo{height:72px;padding:14px;background:var(--surface-1);border-radius:var(--r-1);text-transform:uppercase;display:flex;align-items:flex-end}.gauge{width:100%;height:6px;background:var(--graphite-up);border-radius:999px;overflow:hidden;position:relative}.gauge:after{content:"";position:absolute;inset:0;width:var(--p,50%);background:linear-gradient(90deg,var(--crimson-deep),var(--crimson-live))}.gauge.is-ok:after{background:var(--ok)}.gauge.is-warn:after{background:var(--warn)}.hero-strip{background:linear-gradient(180deg,rgba(200,35,42,.08),transparent 60%),var(--surface-0);padding:36px 24px 24px;border-bottom:1px solid var(--graphite-edge);position:relative}.hero-strip:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--crimson-live)}.hero-strip .row-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.hero-strip h1{font-family:var(--f-display);font-size:clamp(40px,6vw,88px);line-height:.9;margin:6px 0 0;text-transform:uppercase}.hero-strip h1 .red{color:var(--crimson-live)}.hero-strip .meta-grid{display:grid;grid-template-columns:repeat(4,max-content);grid-gap:28px;gap:28px;margin-top:22px}.hero-strip .meta-grid .label{font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--dust-muted);margin-bottom:4px}.hero-strip .meta-grid .val{font-family:var(--f-header);font-size:14px;text-transform:uppercase;letter-spacing:.06em}.anchors{display:flex;gap:0;border-top:1px solid var(--graphite-edge);border-bottom:1px solid var(--graphite-edge);background:var(--surface-1);position:-webkit-sticky;position:sticky;top:0;z-index:4;overflow-x:auto}.anchors a{padding:14px 18px;font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);border-right:1px solid var(--graphite-edge);white-space:nowrap}.anchors a:hover{color:var(--ink)}.anchors a.is-active{color:var(--ink);background:var(--surface-2)}section[id]{scroll-margin-top:60px}section.s-block{padding:48px 24px;border-bottom:1px solid var(--graphite-edge)}section.s-block>.s-head{margin-bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}section.s-block>.s-head h2{font-family:var(--f-display);font-size:clamp(32px,4vw,60px);line-height:.9;margin:6px 0 0;text-transform:uppercase}.demo-stage{padding:24px;background:var(--surface-0);border:1px solid var(--graphite-edge);border-radius:var(--r-1)}.demo-stage.is-dense{padding:16px}.demo-stage .row+.row{margin-top:16px}.token-table{font-family:var(--f-mono);font-size:11px;color:var(--ink-soft);width:100%;border-collapse:collapse}.token-table td{padding:8px 10px;border-bottom:1px solid var(--graphite-edge);letter-spacing:.12em}.token-table td.k{color:var(--ink);width:50%}.token-table td.v{color:var(--ink-mute)}.preview-frame{border:1px solid var(--graphite-edge);border-radius:var(--r-2);overflow:hidden;background:var(--surface-0)}.preview-frame .preview-cap{padding:10px 14px;background:var(--surface-1);border-bottom:1px solid var(--graphite-edge);font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);display:flex;gap:8px;align-items:center}.preview-frame .preview-cap:before{content:"";width:8px;height:8px;background:var(--crimson-live);border-radius:50%}.mini-shell{display:grid;grid-template-columns:200px 1fr;min-height:360px}.mini-shell .sidebar{height:auto;min-height:360px}[data-tweaks-panel]{z-index:99}body.sb-collapsed .shell{grid-template-columns:var(--sidebar-w-min) 1fr}body.sb-collapsed .sb-brand-text,body.sb-collapsed .sb-foot div,body.sb-collapsed .sb-identity-text,body.sb-collapsed .sb-link .count,body.sb-collapsed .sb-link span:not(.count){display:none}body.sb-collapsed .sb-link{padding:12px 0;justify-content:center}body.sb-collapsed .sb-identity{align-items:center}body.sb-collapsed .sb-brand,body.sb-collapsed .sb-foot{justify-content:center}body.density-compact .content{padding:18px;gap:16px}body.density-compact .panel-body{padding:12px}body.density-compact .panel-head{padding:10px 14px 8px}body.density-compact .tbl tbody td{padding:10px 12px}body.density-compact .stat-tile{padding:12px}.content.theme-paper{background:radial-gradient(rgba(0,0,0,.025) 1px,transparent 1px) 0 0 /4px 4px,var(--paper)}.content.theme-paper,.content.theme-paper .panel-title,.content.theme-paper h1,.content.theme-paper h2,.content.theme-paper h3{color:var(--paper-ink)}.content.theme-paper .t-eyebrow{color:var(--crimson-live)}.content.theme-paper .t-body,.content.theme-paper .t-small{color:var(--paper-ink-mute)}.content.theme-paper .t-mono,.content.theme-paper .t-tag{color:var(--paper-mute)}.content.theme-paper .panel{background:#FBFAF6;border-color:var(--paper-edge);color:var(--paper-ink)}.content.theme-paper .panel.is-raised{background:#fff}.content.theme-paper .panel.is-inverse{background:var(--black);color:var(--ink);border-color:var(--graphite-edge)}.content.theme-paper .panel.is-inverse .panel-title{color:var(--ink)}.content.theme-paper .panel.is-inverse .panel-head{border-bottom-color:var(--graphite-edge)}.content.theme-paper .panel-head{border-bottom-color:var(--paper-edge)}.content.theme-paper .panel-meta{color:var(--paper-mute)}.content.theme-paper .hairline{background:var(--paper-edge)}.content.theme-paper .field-label{color:var(--paper-ink-mute)}.content.theme-paper .field-hint{color:var(--paper-mute)}.content.theme-paper .input,.content.theme-paper .select,.content.theme-paper .textarea{background:#fff;border-color:var(--paper-edge);color:var(--paper-ink)}.content.theme-paper .input::placeholder,.content.theme-paper .textarea::placeholder{color:var(--paper-faint)}.content.theme-paper .input:hover,.content.theme-paper .select:hover,.content.theme-paper .textarea:hover{border-color:var(--paper-edge-2)}.content.theme-paper .input:focus,.content.theme-paper .select:focus,.content.theme-paper .textarea:focus{border-color:var(--crimson-live);background:#fff;box-shadow:0 0 0 3px rgba(200,35,42,.1)}.content.theme-paper .select{background-image:linear-gradient(45deg,transparent 50%,var(--paper-ink-mute) 50%),linear-gradient(135deg,var(--paper-ink-mute) 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 12px) 18px;background-size:6px 6px;background-repeat:no-repeat}.content.theme-paper .checkbox,.content.theme-paper .radio{background:#fff;border-color:var(--paper-edge-2)}.content.theme-paper .toggle{background:var(--paper-soft);border-color:var(--paper-edge-2)}.content.theme-paper .toggle:after{background:var(--paper-mute)}.content.theme-paper .toggle:checked{background:var(--crimson-live);border-color:var(--crimson-live)}.content.theme-paper .toggle:checked:after{background:#fff}.content.theme-paper .btn-secondary{background:#fff;color:var(--paper-ink);border-color:var(--paper-edge-2)}.content.theme-paper .btn-secondary:hover{background:var(--paper-soft);border-color:var(--paper-ink)}.content.theme-paper .btn-ghost{color:var(--paper-ink);border-color:var(--paper-edge-2)}.content.theme-paper .btn-ghost:hover{background:rgba(0,0,0,.03);border-color:var(--paper-ink)}.content.theme-paper .btn-destructive{color:var(--crimson-deep);border-color:rgba(200,35,42,.35)}.content.theme-paper .btn-destructive:hover{background:var(--crimson-live);color:#fff;border-color:var(--crimson-live)}.content.theme-paper .badge{background:#fff;color:var(--paper-ink-mute);border-color:var(--paper-edge)}.content.theme-paper .badge.is-crimson{background:var(--crimson-deep);color:#fff;border-color:var(--crimson-live)}.content.theme-paper .badge.is-ok{background:rgba(79,178,134,.16);color:#2A6B4D}.content.theme-paper .badge.is-warn{background:rgba(232,163,61,.18);color:#7A5613}.content.theme-paper .badge.is-danger{background:rgba(200,35,42,.1);color:var(--crimson-deep)}.content.theme-paper .badge.is-info{background:rgba(110,168,220,.16);color:#2A6296}.content.theme-paper .badge.is-solid{background:var(--black);color:var(--bone)}.content.theme-paper .av{background:var(--paper-soft);color:var(--paper-ink);border-color:var(--paper-edge)}.content.theme-paper .av.is-crimson{background:var(--crimson-deep);color:#fff;border-color:var(--crimson-live)}.content.theme-paper .av-stack .av{box-shadow:0 0 0 2px #fff}.content.theme-paper .tabs{border-bottom-color:var(--paper-edge)}.content.theme-paper .tab{color:var(--paper-mute)}.content.theme-paper .tab:hover{color:var(--paper-ink)}.content.theme-paper .tab.is-active{color:var(--paper-ink);border-bottom-color:var(--crimson-live)}.content.theme-paper .seg{background:#fff;color:var(--paper-ink-mute);border-color:var(--paper-edge-2)}.content.theme-paper .seg:hover{border-color:var(--paper-ink);color:var(--paper-ink)}.content.theme-paper .seg.is-active{background:var(--paper-ink);border-color:var(--paper-ink);color:var(--bone)}.content.theme-paper .tbl thead th{background:var(--paper-soft);color:var(--paper-mute);border-bottom-color:var(--paper-edge-2)}.content.theme-paper .tbl tbody td{border-bottom-color:var(--paper-edge);color:var(--paper-ink-mute)}.content.theme-paper .tbl tbody tr:hover td{background:rgba(0,0,0,.025);color:var(--paper-ink)}.content.theme-paper .tbl .row-strong{color:var(--paper-ink)}.content.theme-paper .topbar{background:#fff;border-bottom-color:var(--paper-edge)}.content.theme-paper .crumbs{color:var(--paper-mute)}.content.theme-paper .crumbs .sep{color:var(--paper-edge-2)}.content.theme-paper .crumbs .here{color:var(--paper-ink)}.content.theme-paper .searchbar input{background:var(--paper);border-color:var(--paper-edge);color:var(--paper-ink)}.content.theme-paper .searchbar input:focus{background:#fff;border-color:var(--crimson-live)}.content.theme-paper .searchbar svg{color:var(--paper-mute)}.content.theme-paper .searchbar kbd{background:var(--paper-soft);border-color:var(--paper-edge);color:var(--paper-mute)}.content.theme-paper .icon-btn{color:var(--paper-ink-mute)}.content.theme-paper .icon-btn:hover{background:var(--paper-soft);color:var(--paper-ink)}.content.theme-paper .toast{background:#fff;border-color:var(--paper-edge);color:var(--paper-ink)}.content.theme-paper .toast-body{color:var(--paper-mute)}.content.theme-paper .skel{background:linear-gradient(90deg,var(--paper-soft) 0,#fff 40%,var(--paper-soft) 80%);background-size:200% 100%}.content.theme-paper .section-head h2{color:var(--paper-ink)}.stat-tile{display:flex;flex-direction:column;gap:6px;padding:18px;background:#fff;border:1px solid var(--paper-edge);border-radius:var(--r-1);position:relative}.stat-tile .label{font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--paper-mute)}.stat-tile .num{font-family:var(--f-display);font-size:44px;line-height:.9;color:var(--paper-ink);text-transform:uppercase}.stat-tile .delta{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--ok);text-transform:uppercase}.stat-tile .delta.is-down{color:var(--crimson-deep)}.stat-tile.is-crimson{background:var(--crimson-deep);border-color:var(--crimson-live);color:#fff}.stat-tile.is-crimson .label{color:rgba(255,255,255,.7)}.stat-tile.is-crimson .num{color:#fff}.stat-tile.is-crimson .delta{color:rgba(255,255,255,.85)}.stat-tile.is-dark{background:var(--black);border-color:var(--graphite-edge);color:var(--ink)}.stat-tile.is-dark .label{color:var(--dust)}.stat-tile.is-dark .num{color:var(--ink)}.content.theme-paper .panel.is-inverse .t-body,.content.theme-paper .panel.is-inverse .t-small{color:var(--ink-soft)}.content.theme-paper .panel.is-inverse .t-mono,.content.theme-paper .panel.is-inverse .t-tag{color:var(--ink-mute)}.mobile-frame{width:375px;border:1px solid var(--graphite-edge);border-radius:28px;overflow:hidden;background:var(--paper);position:relative}.mobile-frame .status-bar{height:36px;background:var(--black-deep);color:var(--ink);font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.mobile-frame .status-bar .notch{position:absolute;left:50%;transform:translateX(-50%);width:120px;height:24px;background:var(--black-deep);border-radius:0 0 14px 14px;top:0}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);position:relative}.live-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--ok);opacity:.4;animation:live-pulse 1.6s var(--ease-out) infinite}@keyframes live-pulse{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.4);opacity:0}}.chat-bubble{max-width:70%;padding:10px 14px;background:#fff;border:1px solid var(--paper-edge);border-radius:var(--r-3);font-size:13px;color:var(--paper-ink)}.chat-bubble.is-me{background:var(--crimson-deep);color:#fff;border-color:var(--crimson-live);margin-left:auto}.chat-bubble.is-me a{color:#fff;text-decoration:underline}.chat-meta{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;color:var(--paper-mute);text-transform:uppercase;margin-top:4px}.chat-meta.is-me{text-align:right}