.lk-button{--button-background:var(--color-primary);--button-foreground:var(--color-primary-on);--button-border:transparent;vertical-align:middle;border:1px solid var(--button-border);border-radius:var(--radius-pill);background:var(--button-background);min-width:0;min-height:40px;color:var(--button-foreground);font-family:var(--font-sans);text-align:center;cursor:pointer;touch-action:manipulation;transition:background var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);place-items:center;padding:9px 18px;font-size:13px;font-weight:500;line-height:20px;text-decoration:none;display:inline-grid;position:relative}.lk-button-content{min-width:0;transition:transform var(--motion-fast) var(--motion-ease);grid-area:1/1;justify-content:center;align-items:center;gap:8px;display:inline-flex;transform:scale(1)}.lk-button:not(.lk-icon-button):not([data-disabled]):not([data-pending]):active .lk-button-content{transition-duration:90ms;transform:scale(.96)}.lk-button-label{overflow-wrap:anywhere}.lk-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:17px;line-height:1;display:inline-flex}.lk-button-icon>svg{width:16px;height:16px}.lk-button[data-size=small]{min-height:32px;padding:5px 12px;font-size:12px}.lk-button[data-size=large]{min-height:48px;padding:13px 24px;font-size:14px}.lk-button[data-variant=secondary]{--button-background:var(--color-surface);--button-foreground:var(--color-ink);--button-border:var(--color-control-border)}.lk-button[data-variant=ghost]{--button-background:transparent;--button-foreground:var(--color-primary)}.lk-button[data-variant=destructive]{--button-background:var(--color-error);--button-foreground:var(--color-primary-on)}@media (hover:hover){.lk-button:hover{background:var(--color-primary-hover)}.lk-button[data-variant=secondary]:hover{background:var(--color-neutral-soft);border-color:var(--color-muted)}.lk-button[data-variant=ghost]:hover{background:var(--color-primary-soft)}.lk-button[data-variant=destructive]:hover{background:var(--color-error-hover)}}.lk-button:active{box-shadow:inset 0 0 0 999px #00000012}.lk-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;box-shadow:var(--focus-halo)}.lk-button[data-disabled],.lk-button[data-disabled]:hover{background:var(--color-neutral-soft);color:var(--color-muted);border-color:var(--color-border);cursor:not-allowed;box-shadow:none}.lk-button[data-disabled]:focus-visible{box-shadow:var(--focus-halo)}.lk-button[data-pending],.lk-button[data-pending]:hover{background:var(--button-background);color:var(--button-foreground);cursor:progress}.lk-button[data-pending] .lk-button-content{opacity:0}.lk-button-spinner{border:2px solid;visibility:hidden;border-inline-end-color:#0000;border-radius:50%;grid-area:1/1;width:16px;height:16px}.lk-button[data-pending] .lk-button-spinner{visibility:visible;animation:.7s linear infinite lk-button-spin}@keyframes lk-button-spin{to{transform:rotate(360deg)}}@media (pointer:coarse){.lk-button{min-width:44px}.lk-button[data-size=small],.lk-button[data-size=medium]{min-height:44px}}@media (prefers-reduced-motion:reduce){.lk-button,.lk-button-content{transition:none}.lk-button:not(.lk-icon-button):not([data-disabled]):not([data-pending]):active .lk-button-content{transform:none}.lk-button[data-pending] .lk-button-spinner{animation:none}}@media (forced-colors:active){.lk-button{border-color:buttontext}.lk-button[data-disabled]{color:graytext;border-color:graytext}.lk-button:focus-visible{outline-color:highlight}}.lk-icon-button.lk-button{border-radius:var(--radius-pill);width:40px;min-width:40px;height:40px;min-height:40px;padding:0}.lk-icon-button.lk-button[data-size=small]{width:32px;min-width:32px;height:32px;min-height:32px;padding:0}.lk-icon-button.lk-button[data-size=large]{width:48px;min-width:48px;height:48px;min-height:48px;padding:0}.lk-icon-button .lk-button-label,.lk-icon-button-glyph{justify-content:center;align-items:center;display:flex}.lk-icon-button-glyph{transition:transform var(--motion-fast) var(--motion-ease);transform:scale(1)}.lk-icon-button:not([data-disabled]):not([data-pending]):active .lk-icon-button-glyph{transition-duration:90ms;transform:scale(.9)}.lk-icon-button-glyph>svg{width:18px;height:18px}.lk-icon-button[data-size=small] .lk-icon-button-glyph>svg{width:16px;height:16px}.lk-icon-button[data-size=large] .lk-icon-button-glyph>svg{width:20px;height:20px}@media (pointer:coarse){.lk-icon-button.lk-button[data-size=small],.lk-icon-button.lk-button[data-size=medium]{width:44px;min-width:44px;height:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.lk-icon-button-glyph{transition:none}.lk-icon-button:not([data-disabled]):not([data-pending]):active .lk-icon-button-glyph{transform:none}}.lk-button-group{vertical-align:middle;max-width:100%;isolation:isolate;border:0;align-items:stretch;min-inline-size:0;margin:0;padding:0;display:inline-flex}.lk-button-group>.lk-button{flex:0 auto}.lk-button-group[data-full-width]{width:100%;display:flex}.lk-button-group[data-full-width]>.lk-button{flex:1 1 0}.lk-button-group[data-appearance=spaced]{gap:var(--space-2);flex-wrap:wrap;align-items:center}.lk-button-group[data-orientation=vertical]{flex-direction:column;align-items:stretch}.lk-button-group[data-orientation=vertical]>.lk-button{flex:none}.lk-button-group[data-appearance=joined]>.lk-button[data-slot=button]{border-radius:0}.lk-button-group[data-appearance=joined]>.lk-button{--group-divider:var(--color-control-border)}.lk-button-group[data-appearance=joined]>.lk-button[data-variant=primary],.lk-button-group[data-appearance=joined]>.lk-button[data-variant=destructive]{--group-divider:#fff6}.lk-button-group[data-appearance=joined][data-orientation=horizontal]>.lk-button+.lk-button{border-inline-start-color:var(--group-divider);margin-inline-start:-1px}.lk-button-group[data-appearance=joined][data-orientation=horizontal]>.lk-button:first-child{border-start-start-radius:var(--radius-pill);border-end-start-radius:var(--radius-pill)}.lk-button-group[data-appearance=joined][data-orientation=horizontal]>.lk-button:last-child{border-start-end-radius:var(--radius-pill);border-end-end-radius:var(--radius-pill)}.lk-button-group[data-appearance=joined][data-orientation=vertical]>.lk-button[data-slot=button]{width:auto}.lk-button-group[data-appearance=joined][data-orientation=vertical]>.lk-button+.lk-button{border-block-start-color:var(--group-divider);margin-block-start:-1px}.lk-button-group[data-appearance=joined][data-orientation=vertical]>.lk-button:first-child{border-start-start-radius:var(--radius-control);border-start-end-radius:var(--radius-control)}.lk-button-group[data-appearance=joined][data-orientation=vertical]>.lk-button:last-child{border-end-end-radius:var(--radius-control);border-end-start-radius:var(--radius-control)}.lk-button-group>.lk-button:focus-visible{z-index:2}@media (hover:hover){.lk-button-group>.lk-button:hover{z-index:1}.lk-button-group>.lk-button:focus-visible{z-index:2}}@media (width<=540px){.lk-button-group[data-stack-on-mobile][data-orientation=horizontal]{flex-direction:column;align-items:stretch}.lk-button-group[data-stack-on-mobile][data-orientation=horizontal]>.lk-button{flex:none}.lk-button-group[data-stack-on-mobile][data-appearance=joined]>.lk-button[data-slot=button]{border-inline-start-color:var(--button-border);border-radius:0;width:auto;margin-inline-start:0}.lk-button-group[data-stack-on-mobile][data-appearance=joined]>.lk-button+.lk-button{border-block-start-color:var(--group-divider);margin-block-start:-1px}.lk-button-group[data-stack-on-mobile][data-appearance=joined]>.lk-button:first-child{border-start-start-radius:var(--radius-control);border-start-end-radius:var(--radius-control);border-end-start-radius:0}.lk-button-group[data-stack-on-mobile][data-appearance=joined]>.lk-button:last-child{border-start-end-radius:0;border-end-end-radius:var(--radius-control);border-end-start-radius:var(--radius-control)}.lk-button-group[data-stack-on-mobile][data-appearance=joined]>.lk-button:only-child{border-radius:var(--radius-control)}}.button-showcase{padding-top:0;padding-bottom:56px}.button-section-intro{color:var(--color-muted);margin-top:-10px;margin-bottom:24px;font-size:13px;line-height:1.7}.button-variants{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.button-variant{min-width:0}.button-variant-stage{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-card);place-items:center;min-height:130px;padding:20px 12px;display:grid}.button-variant h3{margin-top:16px;font-size:13px;font-weight:500}.button-variant>p{color:var(--color-muted);margin-top:5px;font-size:12px;line-height:1.7}.button-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.button-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:0;padding:24px}.button-detail h3,.button-usage h3{letter-spacing:-.3px;font-size:16px;font-weight:500}.button-detail>p,.button-detail>div>p,.button-usage p{color:var(--color-muted);margin-top:8px;font-size:12px;line-height:1.7}.button-example-row{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 16px;display:flex}.button-note{color:var(--color-muted);font-size:11px;line-height:1.7;display:block}.button-states{margin-top:16px}.button-demo-status{min-height:22px;color:var(--color-muted);margin-top:16px;font-size:12px;line-height:1.7}.button-usage{background:var(--color-neutral-soft);border-radius:16px;grid-template-columns:1fr 1.2fr;align-items:center;gap:24px;margin-top:24px;padding:24px;display:grid}.button-usage pre{background:var(--color-surface);color:var(--color-ink);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:12px;margin:0;padding:20px;font-size:12px;line-height:1.8}@media (width<=1000px){.button-variants{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.button-detail-grid{grid-template-columns:1fr}}@media (width<=600px){.button-usage{grid-template-columns:1fr}.button-showcase{padding-bottom:40px}.button-variant-stage{padding-left:8px;padding-right:8px}}@media (width<=359px){.button-variants{grid-template-columns:1fr}.button-detail,.button-usage{padding:20px}}.icon-button-showcase{padding-top:0;padding-bottom:56px}.icon-size-row{align-items:flex-start;gap:32px}.icon-size-example{justify-items:center;gap:10px;min-width:48px;display:grid}.icon-size-example>span{color:var(--color-muted);text-transform:capitalize;font-size:11px}.icon-state-example{align-items:center;gap:10px;margin-inline-end:20px;display:flex}.icon-state-example>span{color:var(--color-muted);font-size:12px}.icon-context{margin-top:16px}.icon-context-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.icon-context-heading>div>p{color:var(--color-muted);margin-top:5px;font-size:12px}.icon-context-actions{align-items:center;gap:6px;margin-inline-start:auto;display:flex}@media (width<=540px){.icon-button-showcase{padding-bottom:40px}.icon-context-actions{justify-content:flex-end;width:100%}.icon-state-example{margin-inline-end:0}}.button-group-showcase{padding-top:0;padding-bottom:56px}.group-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.group-stage{min-width:0;margin-top:24px}.group-wide-example{margin:16px 0}.group-size-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.group-size-grid>div{align-content:start;justify-items:start;gap:12px;min-width:0;display:grid}.group-example-label{color:var(--color-muted);text-transform:capitalize;font-size:11px}@media (width<=900px){.group-example-grid{grid-template-columns:1fr}}@media (width<=600px){.button-group-showcase{padding-bottom:40px}.group-size-grid{grid-template-columns:1fr}}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-standard-normal-oos9povj.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-standard-normal-Bf69Tn_J.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:italic;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-standard-italic-DNX9AbKj.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:italic;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-standard-italic-C8i6y2Ft.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer ui-sdk;:root{--font-sans:"DM Sans Variable", system-ui, sans-serif;--text-display:48px;--text-heading:32px;--text-title:20px;--text-body:16px;--text-label:13px;--color-canvas:#f3f3f5;--color-canvas-inset:#eeeef1;--color-neutral-soft:#e9e8ed;--color-surface:#fff;--color-ink:#222126;--color-muted:#696570;--color-border:#e3e1e7;--color-control-border:#928b9d;--color-primary:#4d22b3;--color-primary-hover:#3e1b91;--color-primary-soft:#f1ecfa;--color-primary-surface:#e9e0f7;--color-primary-muted:#c4afe9;--color-primary-border:#dfd3f3;--color-primary-on:#fff;--focus-halo:0 0 0 4px #4d22b317;--color-success:#176343;--color-success-soft:#e8f5ed;--color-warning:#81500c;--color-warning-soft:#fff3db;--color-error:#ad303e;--color-error-hover:#922433;--color-error-soft:#ffedf0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-control:12px;--radius-card:20px;--radius-pill:999px;--shadow-soft:0 5px 12px #231b3408, 0 16px 36px #231b340f;--motion-fast:.16s;--motion-ease:cubic-bezier(.2, .8, .2, 1);font-family:var(--font-sans);font-optical-sizing:auto;color:var(--color-ink);background:var(--color-canvas);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{min-width:320px;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}h1,h2,h3,p{margin:0}button,a,input{transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease)}.skip-link{z-index:10;background:var(--color-surface);border-radius:8px;padding:12px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header-inner{align-items:center;gap:32px;max-width:1328px;min-height:88px;margin:auto;padding:0 48px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:1px;font-size:25px;font-weight:700;display:inline-flex}.brand>span:not(.brand-mark){color:var(--color-primary);margin:0 2px}.brand-mark{grid-template-columns:repeat(2,7px);gap:3px;margin-right:12px;display:grid;transform:rotate(-8deg)}.brand-mark i{background:var(--color-primary);border-radius:2px;width:7px;height:7px}.brand-mark i:last-child{opacity:.35}.main-nav{flex-wrap:wrap;align-items:center;gap:6px;margin:auto;display:flex}.main-nav a{border-radius:var(--radius-pill);color:var(--color-muted);padding:9px 15px;font-size:13px;font-weight:500}.main-nav a[aria-current=location]{background:var(--color-ink);color:var(--color-surface)}.main-nav a:hover{background:var(--color-primary-soft);color:var(--color-primary)}.version{color:var(--color-muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.version i{background:var(--color-primary);border-radius:50%;width:6px;height:6px}.page-shell{max-width:1328px;margin:auto;padding:0 48px}.hero{grid-template-columns:1fr 320px;align-items:center;gap:56px;padding:64px 0 56px;display:grid}.eyebrow{color:var(--color-muted);letter-spacing:1.4px;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.eyebrow i{background:var(--color-primary);width:20px;height:2px}.hero h1{letter-spacing:-2.4px;margin-top:22px;font-size:clamp(36px,4.2vw,56px);font-weight:500;line-height:1.13}.hero h1>span{color:var(--color-muted)}.hero-description{color:var(--color-muted);margin-top:20px;font-size:15px;line-height:1.7}.hero-notes{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px;font-size:11px;display:flex}.hero-notes>span{align-items:center;gap:6px;display:inline-flex}.hero-notes b{color:var(--color-primary);font-size:16px;font-weight:500}.milestone{background:var(--color-neutral-soft);border-radius:var(--radius-pill);padding:5px 9px}.hero-specimen{background:var(--color-primary-soft);border-radius:24px;justify-content:center;align-items:center;min-height:258px;display:flex;position:relative;overflow:hidden}.specimen-type{letter-spacing:-12px;z-index:1;padding-bottom:22px;font-size:130px;font-weight:500;line-height:1}.specimen-type>span{color:var(--color-primary)}.specimen-caption{color:var(--color-primary);justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.specimen-orbit{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.specimen-orbit i{border:1px solid var(--color-primary-border);border-radius:50%;width:150px;height:150px;position:absolute}.specimen-orbit i:nth-child(2){width:250px;height:250px}.specimen-orbit i:nth-child(3){width:350px;height:350px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-title{align-items:center;gap:12px;display:flex}.section-number{background:var(--color-primary);width:28px;height:28px;color:var(--color-primary-on);border-radius:9px;flex-shrink:0;place-items:center;font-size:10px;font-weight:500;display:grid}.section-heading h2{letter-spacing:-.5px;font-size:19px;font-weight:500;line-height:1.4}.section-heading>p{color:var(--color-muted);font-size:12px;line-height:1.6}.preview-layout{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);display:grid;overflow:hidden}.workspace-preview{background:var(--color-canvas-inset);min-width:0;padding:28px}.preview-topline{justify-content:space-between;align-items:center;gap:10px;margin-bottom:30px;display:flex}.mini-wordmark{align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.mini-wordmark>span{background:var(--color-primary);color:var(--color-primary-on);border-radius:8px;place-items:center;width:23px;height:23px;font-size:18px;display:grid}.preview-date{color:var(--color-muted);font-size:10px}.preview-welcome{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.overline{letter-spacing:1.3px;color:var(--color-muted);font-size:9px;font-weight:600}.preview-welcome h3{letter-spacing:-.8px;overflow-wrap:anywhere;margin:6px 0;font-size:24px;font-weight:500}.preview-welcome p:last-child{color:var(--color-muted);font-size:11px}.preview-welcome h3>span{color:var(--color-primary);font-size:21px}.avatar{background:var(--color-primary-surface);width:38px;height:38px;color:var(--color-primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:500;display:grid}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-card{background:var(--color-surface);border-radius:14px;padding:16px}.metric-label{align-items:center;gap:6px;font-size:10px;display:flex}.metric-label>span{background:var(--color-primary);color:var(--color-primary-on);border-radius:7px;place-items:center;width:21px;height:21px;font-size:15px;display:grid}.metric-value{letter-spacing:-1px;font-variant-numeric:tabular-nums;align-items:center;gap:7px;margin-top:10px;font-size:32px;font-weight:500;line-height:1.2;display:flex}.metric-value .badge{letter-spacing:0;margin-left:2px}.metric-unit{margin-left:-7px;font-size:23px}.badge{border-radius:var(--radius-pill);white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:500;line-height:1.6;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.success{color:var(--color-success);background:var(--color-success-soft)}.neutral{color:var(--color-muted);background:var(--color-canvas)}.info{color:var(--color-primary);background:var(--color-primary-soft)}.warning{color:var(--color-warning);background:var(--color-warning-soft)}.error{color:var(--color-error);background:var(--color-error-soft)}.mini-bars{align-items:flex-end;gap:5px;height:44px;margin:15px 0 12px;display:flex}.mini-bars span{background:var(--color-primary-muted);border-radius:3px;flex:1}.mini-bars span:nth-last-child(-n+3){background:var(--color-primary)}.metric-footnote{color:var(--color-muted);font-size:10px}.focus-meter{background:var(--color-neutral-soft);border-radius:4px;height:12px;margin:30px 0 10px;overflow:hidden}.focus-meter>span{background:var(--color-primary);border-radius:4px;width:85%;height:100%;display:block}.focus-legend{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-bottom:13px;font-size:10px;display:flex}.focus-legend>span:first-child{align-items:center;gap:4px;display:flex}.focus-legend i{background:var(--color-primary);border-radius:50%;width:5px;height:5px}.activity-row{background:var(--color-surface);border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:13px;display:flex}.activity-icon{background:var(--color-primary);width:28px;height:28px;color:var(--color-primary-on);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.activity-row>div{gap:3px;min-width:0;display:grid}.activity-row strong{font-size:11px;font-weight:500}.activity-row>div>span{color:var(--color-muted);font-size:10px}.activity-row>.badge{margin-left:auto}.workspace-preview[data-density=compact]{padding:20px}.workspace-preview[data-density=compact] .preview-topline{margin-bottom:18px}.workspace-preview[data-density=compact] .metric-card{padding:12px}.workspace-preview[data-density=compact] .mini-bars{height:30px}.workspace-preview[data-density=compact] .focus-meter{margin-top:16px}.workspace-preview[data-density=compact] .activity-row{padding:9px 12px}.preview-controls{align-self:center;min-width:0;padding:32px}.preview-controls h3{letter-spacing:-.7px;margin-top:9px;font-size:23px;font-weight:500}.control-description{color:var(--color-muted);margin:10px 0 24px;font-size:12px;line-height:1.7}.field{gap:8px;display:grid}.field label{font-size:12px;font-weight:500}.field input{background:var(--color-surface);width:100%;color:var(--color-ink);border:1px solid var(--color-control-border);border-radius:var(--radius-control);padding:11px 13px;font-size:13px}.field input:hover{border-color:var(--color-primary)}.field input:focus{border-color:var(--color-primary);box-shadow:var(--focus-halo);outline:none}.field input::placeholder{color:var(--color-muted)}.field-hint{color:var(--color-muted);font-size:10px}@media (forced-colors:active){.field input:focus{outline-offset:2px;outline:2px solid highlight}}.density-toggle{width:100%;color:var(--color-ink);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:20px 0;font-size:12px;display:flex}.toggle-glyph{color:var(--color-muted);font-size:19px}.toggle-indicator{border-radius:var(--radius-pill);background:var(--color-muted);width:30px;height:18px;margin-left:auto;padding:3px}.toggle-indicator>span{background:var(--color-surface);width:12px;height:12px;transition:transform var(--motion-fast) var(--motion-ease);border-radius:50%;display:block}.density-toggle[data-pressed] .toggle-indicator{background:var(--color-primary)}.density-toggle[data-pressed] .toggle-indicator>span{transform:translate(12px)}.preview-actions{grid-template-columns:1fr auto;gap:8px;display:grid}.preview-message{min-height:30px;color:var(--color-muted);overflow-wrap:anywhere;margin-top:12px;font-size:10px;line-height:1.6}.foundation-section{padding-top:56px}.palette-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.color-swatch{border:1px solid #2221260f;border-radius:14px;align-items:flex-end;height:120px;padding:14px;display:flex}.color-swatch span{font-size:10px;font-weight:500}.swatch-canvas{background:var(--color-canvas);border-color:var(--color-border)}.swatch-surface{background:var(--color-surface)}.swatch-ink{background:var(--color-ink);color:#fff}.swatch-muted{background:var(--color-muted);color:#fff}.swatch-primary{background:var(--color-primary);color:#fff}.swatch-primary-soft{background:var(--color-primary-soft);color:var(--color-primary)}.color-name{margin:12px 0 4px;font-size:12px;font-weight:500}.color-item code{font-family:var(--font-sans);color:var(--color-muted);overflow-wrap:anywhere;font-size:10px}.semantic-strip{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;padding-top:18px;display:flex}.semantic-strip>span:first-child{color:var(--color-muted);margin-right:10px;font-size:11px}.semantic-strip>p{color:var(--color-muted);margin-left:auto;font-size:10px}.type-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:28px}.type-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:24px;display:flex}.type-intro>span{align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.type-intro>p{color:var(--color-muted);font-size:11px;line-height:1.8}.type-row{border-top:1px solid var(--color-border);grid-template-columns:180px minmax(0,1fr);align-items:center;gap:20px;padding:24px 0;display:grid}.type-meta{gap:5px;display:grid}.type-meta strong{font-size:12px;font-weight:500}.type-meta>span{color:var(--color-muted);font-size:10px}.type-row>p{overflow-wrap:anywhere}.type-display{font-size:var(--text-display);letter-spacing:-2px;font-weight:500;line-height:52px}.type-heading{font-size:var(--text-heading);letter-spacing:-1px;font-weight:500;line-height:40px}.type-title{font-size:var(--text-title);letter-spacing:-.4px;font-weight:500;line-height:28px}.type-body{font-size:var(--text-body);font-weight:400;line-height:24px}.type-label{font-size:var(--text-label);font-weight:500;line-height:20px}.type-footer{border-top:1px solid var(--color-border);color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;font-size:12px;display:flex}.surface-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.surface-demo{background:var(--color-neutral-soft);border-radius:16px;place-items:center;min-height:190px;padding:24px;display:grid}.sample-surface{border-radius:var(--radius-card);background:var(--color-surface);justify-items:start;gap:8px;width:100%;max-width:260px;padding:20px;display:grid}.surface-symbol{color:var(--color-primary);margin-bottom:10px;font-size:25px;line-height:1}.sample-surface strong{font-size:13px;font-weight:500}.sample-surface>span:last-child{color:var(--color-muted);font-size:11px}.sample-flat{border:1px solid var(--color-border)}.sample-raised{box-shadow:var(--shadow-soft)}.sample-accent{background:var(--color-primary-soft)}.surface-caption{gap:5px;margin-top:14px;display:grid}.surface-caption strong{font-size:12px;font-weight:500}.surface-caption code{color:var(--color-muted);font-family:var(--font-sans);font-size:10px}.spacing-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;justify-content:space-between;align-items:center;gap:32px;margin-top:28px;padding:28px;display:flex}.spacing-panel h3{letter-spacing:-.3px;font-size:15px;font-weight:500}.spacing-panel p{color:var(--color-muted);margin-top:6px;font-size:11px;line-height:1.6}.spacing-scale{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.spacing-scale>div{justify-items:center;gap:10px;display:grid}.spacing-scale>div>span{background:var(--color-primary-muted);border-radius:3px;height:22px;display:block}.spacing-scale>div:nth-last-child(-n+2)>span{background:var(--color-primary)}.spacing-scale code{color:var(--color-muted);font-size:10px;font-family:var(--font-sans)}.page-footer{border-top:1px solid var(--color-border);color:var(--color-muted);align-items:center;gap:24px;margin-top:64px;padding:28px 0 32px;font-size:11px;display:flex}.page-footer>a{color:var(--color-ink);letter-spacing:-.6px;font-size:19px;font-weight:600}.page-footer>span{margin-left:auto}@media (width<=1050px){.header-inner,.page-shell{padding-left:32px;padding-right:32px}.version>span{display:none}.hero{grid-template-columns:1fr 250px;gap:32px}.hero h1{font-size:42px}.hero-specimen{min-height:230px}.specimen-type{font-size:110px}.preview-controls{padding:24px}.workspace-preview{padding:22px}.section-heading{flex-direction:column;align-items:flex-start;gap:8px}.section-heading>p{margin-left:40px}.metric-card{padding:12px}.preview-welcome h3{font-size:20px}.preview-actions{grid-template-columns:1fr}.type-row{grid-template-columns:140px minmax(0,1fr)}.surface-demo{padding:16px}.spacing-panel{flex-direction:column;align-items:flex-start;gap:24px}}@media (width<=760px){.header-inner{flex-wrap:wrap;gap:16px;min-height:auto;padding-top:20px;padding-bottom:16px}.version{margin-left:auto}.main-nav{order:3;justify-content:center;gap:2px;width:100%}.main-nav a{padding:9px 14px}.hero{grid-template-columns:1fr 200px;gap:20px;padding:40px 0}.hero h1{letter-spacing:-1.6px;font-size:34px}.eyebrow{letter-spacing:.9px;font-size:9px}.hero-description{font-size:13px}.desktop-break{display:none}.hero-notes{gap:12px;font-size:10px}.hero-specimen{min-height:210px}.specimen-type{letter-spacing:-9px;font-size:90px}.specimen-caption{font-size:10px;left:16px;right:16px}.preview-layout{grid-template-columns:1fr}.preview-controls{padding:28px}.preview-actions{grid-template-columns:1fr 1fr}.preview-message{min-height:16px}.preview-welcome h3{font-size:24px}.metric-card{padding:18px}.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.semantic-strip>p{margin-left:0}.surface-grid{grid-template-columns:1fr;gap:24px}.surface-demo{min-height:210px}.sample-surface{max-width:300px}.page-footer{flex-wrap:wrap;gap:10px 20px}.page-footer>span{width:100%;margin-left:0}}@media (width<=540px){:root{--text-display:38px;--text-heading:28px;--text-title:19px}.header-inner,.page-shell{padding-left:20px;padding-right:20px}.main-nav a{align-items:center;min-height:44px;padding:9px 12px;display:inline-flex}.hero{grid-template-columns:1fr;gap:28px;padding:36px 0}.hero h1{letter-spacing:-1.8px;font-size:39px}.hero-description{font-size:14px}.hero-specimen{min-height:200px}.specimen-type{letter-spacing:-10px;font-size:110px}.specimen-caption{font-size:11px}.section-heading h2{font-size:18px}.section-heading>p{font-size:11px}.workspace-preview{padding:18px}.preview-topline{align-items:flex-start}.preview-date{text-align:right;max-width:110px;line-height:1.5}.preview-welcome h3{font-size:22px}.metric-grid{gap:10px}.metric-card{padding:12px}.metric-label{flex-wrap:wrap;gap:5px;font-size:10px}.metric-value{flex-wrap:wrap;gap:5px;font-size:30px}.metric-value .badge{padding:2px 5px;font-size:9px}.focus-legend,.metric-footnote{font-size:9px}.mini-bars{gap:4px}.activity-row{flex-wrap:wrap;gap:8px}.activity-row>.badge{margin-left:38px}.preview-controls{padding:24px}.field input{font-size:16px}.density-toggle{min-height:48px}.foundation-section{padding-top:40px}.color-swatch{height:100px;padding:10px}.color-item code{font-size:9px}.semantic-strip>span:first-child{width:100%;margin-bottom:2px}.type-panel{padding:20px}.type-row{grid-template-columns:1fr;gap:16px;padding:20px 0}.type-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.type-display{letter-spacing:-1.7px;line-height:44px}.type-heading{line-height:36px}.type-footer{font-size:11px}.type-footer>*{width:100%}.spacing-panel{padding:20px}.spacing-scale{gap:14px}.page-footer{margin-top:44px}}@media (width<=359px){.header-inner,.page-shell{padding-left:16px;padding-right:16px}.main-nav a{padding-left:9px;padding-right:9px;font-size:12px}.hero h1{font-size:34px}.metric-grid{grid-template-columns:1fr}.activity-row>.badge{margin-left:0}.preview-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}