.docs{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.skip{position:absolute;left:-999px;top:0;padding:var(--space-2) var(--space-4);background:var(--color-bg-accent);color:var(--color-text-on-accent);z-index:100}.skip:focus{left:var(--space-4);top:var(--space-4)}.docs-side{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8) var(--space-6);border-right:1px solid var(--color-border-subtle);background:var(--color-bg-canvas)}.docs-brand{align-self:center}.docs-nav{display:flex;flex-direction:column;gap:var(--space-5)}.docs-nav-end{display:inline-flex;align-items:center;gap:var(--space-2)}.docs-nav-scope{font-size:.5625rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-faint);padding:.1rem .4rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill)}.docs-nav-group>.eyebrow{margin:0 0 var(--space-2)}.docs-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.docs-nav a{text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:.3125rem .625rem;margin:0 -.625rem;border-radius:var(--radius-md);font-family:var(--font-family-display);font-weight:var(--font-weight-medium);font-size:.875rem;letter-spacing:-.005em;line-height:1.3;white-space:nowrap;color:var(--color-text-secondary)}.docs-nav a:hover{background:var(--color-bg-tint);color:var(--color-text-primary)}.docs-nav a[aria-current=page]{background:var(--color-bg-accent);color:var(--color-text-on-accent)}.docs-side-foot{margin-top:auto;padding-top:var(--space-6)}.docs-foot{margin-top:auto;padding-top:var(--space-8);border-top:1px solid var(--color-border-subtle);display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-4)}.docs-foot .spec a{color:inherit}.docs-side-head{display:flex;align-items:center;justify-content:space-between}.docs-side-toggle{width:36px;height:36px;display:grid;place-content:center;padding:0;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.docs-side-toggle{color:var(--color-text-muted)}.docs-side-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-tint)}.docs-side-toggle svg{display:block}.docs:hover .docs-side-toggle,.docs-side-toggle:focus-visible,.side-hidden .docs-side-toggle{opacity:1}.side-hidden .docs-side-toggle{position:fixed;left:14px;top:14px;z-index:20;background:var(--color-bg-canvas);border-color:var(--color-border-subtle)}.side-hidden{grid-template-columns:minmax(0,1fr)}.side-hidden .docs-side,.side-hidden .docs-side-head{display:contents}.side-hidden .docs-side>:not(.docs-side-head),.side-hidden .docs-brand{display:none}.theme-toggle{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;padding:.375rem .75rem;border:1px solid var(--color-border-default);border-radius:var(--radius-pill);background:transparent;cursor:pointer;font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:var(--font-tracking-wider);text-transform:uppercase}.theme-toggle-dot{width:10px;height:10px;border-radius:50%;background:var(--color-forest);border:1px solid var(--color-border-default)}[data-theme=dark] .theme-toggle-dot{background:var(--color-cream)}.docs-main{padding:var(--space-16) clamp(1.5rem,5vw,5rem) var(--space-24);max-width:1100px;width:100%;display:flex;flex-direction:column;gap:var(--space-16)}.docs-main--wide{max-width:none}.docs-head{display:flex;flex-direction:column;gap:var(--space-4);max-width:760px}.docs-head h1{font-size:clamp(2.5rem,5vw,4rem);line-height:.95;letter-spacing:var(--font-tracking-tighter)}.docs-head .lede{color:var(--color-text-secondary)}.docs-section{display:flex;flex-direction:column;gap:var(--space-6);scroll-margin-top:var(--space-8)}.docs-main [data-theme-target]{display:contents}.docs-section>h2{font-size:var(--font-size-2xl)}.docs-section>h3{font-size:var(--font-size-xl);margin-top:var(--space-4)}.docs-section>p,.docs-section>ul,.docs-section>ol{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--font-leading-relaxed);max-width:760px;color:var(--color-text-secondary)}.docs-section>ul,.docs-section>ol{padding-left:1.75em;list-style-position:outside}.docs-section>ul li,.docs-section>ol li{padding-left:.25em}.docs-section>p a,.docs-section>ul a,.docs-section>ol a{color:var(--color-text-primary);text-decoration:underline;text-underline-offset:.18em}.docs-section>p strong{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.specimen{display:flex;flex-direction:column;border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);overflow:hidden}.specimen-stage{padding:var(--space-8);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);background:var(--color-bg-canvas)}.specimen-stage--dark{background:var(--color-forest);color:var(--color-cream);--mark-surface: var(--color-forest)}.specimen-stage--block{display:block}.specimen-stage--center{justify-content:center}.code{position:relative;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-sunken);overflow:hidden}.specimen .code{border:0;border-top:1px solid var(--color-border-subtle);border-radius:0}.code-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.code-lang{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);letter-spacing:var(--font-tracking-wider);text-transform:uppercase;color:var(--color-text-muted)}.code-copy{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);letter-spacing:var(--font-tracking-wider);text-transform:uppercase;color:var(--color-text-primary);background:var(--color-bg-canvas);border:1px solid var(--color-border-default);border-radius:var(--radius-pill);padding:.25rem .75rem;cursor:pointer}.code-copy:hover{background:var(--color-bg-tint)}.code-pre{margin:0;padding:var(--space-4) var(--space-5);font-size:var(--font-size-xs);line-height:1.6;overflow-x:auto;color:var(--color-text-secondary)}.code-pre code{background:none;padding:0;font-size:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.code--compact .code-pre{padding:var(--space-3) var(--space-4);font-size:var(--font-size-2xs)}.code--compact .code-bar{padding:var(--space-1) var(--space-3)}.specimen-note{padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-border-subtle);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);color:var(--color-text-muted)}.tokens-table{width:100%;border-collapse:collapse;font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.tokens-table th,.tokens-table td{text-align:left;padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border-subtle);vertical-align:middle}.tokens-table th{color:var(--color-text-muted);font-weight:var(--font-weight-medium);letter-spacing:var(--font-tracking-wider);text-transform:uppercase;font-size:var(--font-size-2xs)}.tokens-table code{white-space:nowrap}.tokens-table .chip{display:inline-block;width:28px;height:28px;margin-right:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);vertical-align:middle}.tokens-wrap{overflow-x:auto}.overview-brand{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-10) 0 var(--space-12)}.overview-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--space-2);text-decoration:none}.overview-swatch{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;aspect-ratio:3 / 4;padding:var(--space-2);min-width:0;border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);line-height:1.3;transition:transform var(--duration-fast) var(--ease-standard)}.overview-swatch b{font-family:var(--font-family-display);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);letter-spacing:-.01em;overflow-wrap:anywhere}.overview-swatch i{font-style:normal;opacity:.7}.overview-palette:hover .overview-swatch{transform:translateY(-2px)}.overview-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.overview-tile{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-6);min-height:168px;padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);background:var(--color-bg-sunken);text-decoration:none;color:var(--color-text-primary)}.overview-tile:hover{border-color:var(--color-border-default)}.overview-tile .spec{margin:0}.overview-type-display{font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);font-size:var(--font-size-4xl);letter-spacing:var(--font-tracking-tighter);line-height:1}.overview-type-mono{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.overview-marks{display:flex;gap:var(--space-3);align-items:center}.overview-fx{font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);letter-spacing:-.03em;line-height:1.1}@media(max-width:900px){.overview-palette{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.overview-tiles{grid-template-columns:1fr}}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.swatch{display:flex;flex-direction:column;gap:var(--space-3)}.swatch-block{aspect-ratio:4 / 3;border-radius:var(--radius-2xl);border:1px solid var(--color-border-subtle)}.swatch h3{font-size:var(--font-size-lg)}.swatch .hex{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.swatch p{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);color:var(--color-text-muted);line-height:1.5}.type-scale{display:flex;flex-direction:column}.type-scale>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:var(--space-6);align-items:baseline;padding:var(--space-4) 0;border-top:1px solid var(--color-border-subtle)}.type-scale .spec{align-self:center}.type-scale .sample{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-scale{display:flex;flex-direction:column;gap:var(--space-2)}.space-scale>div{display:grid;grid-template-columns:90px 70px minmax(0,1fr);gap:var(--space-4);align-items:center;font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.space-scale i{display:block;height:14px;background:var(--color-sage);border-radius:2px}.overview-groups{margin:var(--space-10) 0 var(--space-6);padding-top:var(--space-8);border-top:1px solid var(--color-border-subtle);display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-8) var(--space-6)}.overview-group ul{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.overview-group a{font-family:var(--font-family-display);font-weight:var(--font-weight-medium);font-size:var(--font-size-lg);letter-spacing:-.01em;color:var(--color-text-primary);text-decoration:none}.overview-group a:hover{text-decoration:underline;text-underline-offset:.18em}.screen-frame{border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);overflow:hidden;background:var(--color-bg-canvas)}.screen-frame iframe{display:block;width:100%;height:80vh;border:0}.screen-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.screen-card{display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;color:inherit}.screen-card .thumb{aspect-ratio:16 / 10;border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);background:var(--color-bg-sunken);overflow:hidden;display:grid;place-items:center;font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);font-size:var(--font-size-2xl);letter-spacing:var(--font-tracking-tighter)}.screen-card .thumb img{width:100%;height:100%;object-fit:cover;object-position:top}@media(max-width:900px){.docs{grid-template-columns:minmax(0,1fr)}.docs-side{position:fixed;top:0;bottom:0;left:-320px;z-index:25;width:min(100%,320px);height:auto;padding:var(--space-6);box-shadow:none;visibility:hidden;transition:left var(--duration-base) var(--ease-out),visibility 0s var(--duration-base)}.side-open .docs-side{left:0;visibility:visible;box-shadow:var(--shadow-lg);transition-delay:0s}.side-open:before{content:"";position:fixed;inset:0;z-index:24;background:color-mix(in srgb,var(--color-ink) 40%,transparent)}.docs-side-toggle{position:fixed;top:var(--space-4);right:var(--space-4);left:auto;z-index:26;opacity:1;visibility:visible;background:var(--color-bg-canvas);border-color:var(--color-border-subtle);color:var(--color-text-primary)}.docs-main{padding-top:var(--space-16)}.theme-bar{padding-right:var(--space-16);margin-bottom:0}}@media(max-width:640px){.specimen-stage>[style*="grid-template-columns:repeat(3,1fr)"],.specimen-stage>[style*="grid-template-columns:repeat(2,1fr)"]{grid-template-columns:minmax(0,1fr)!important}}@media(max-width:480px){.docs-main{padding-left:var(--space-5);padding-right:var(--space-5);gap:var(--space-12)}.docs-head h1{font-size:var(--font-size-3xl)}.specimen-stage{padding:var(--space-5)}.code-pre{padding:var(--space-3) var(--space-4)}.type-scale>div{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.space-scale>div{grid-template-columns:72px 56px minmax(0,1fr);gap:var(--space-3)}.press .logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.press .logo-thumb{padding:var(--space-5)}.mark-card-stage{min-height:110px;padding:var(--space-4)}.spec-table tr{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--color-border-subtle)}.spec-table th,.spec-table td{display:block;width:auto;padding:0;border:0}.spec-table th[scope=row]{width:100%}.spec-table td:empty{display:none}.spec-table code{white-space:normal;overflow-wrap:anywhere}.theme-bar{margin-left:calc(-1 * var(--space-5));margin-right:calc(-1 * var(--space-5));padding-left:var(--space-5);padding-right:var(--space-5)}.avatar-file img{width:96px;height:96px}.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.space-scale>div{grid-template-columns:5.5rem 3.5rem minmax(0,1fr)}.space-scale i{max-width:100%}.space-scale code{white-space:nowrap}.tokens-wrap .tokens-table td:not(:last-child){white-space:nowrap}.tokens-wrap .tokens-table td:last-child{min-width:16rem}}.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4)}.press .logo-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.press .logo-thumb{padding:var(--space-8)}.press .logo-thumb img{width:60%;height:auto;max-height:70%;object-fit:contain}.press .logo-thumb img[src*=lockup]{width:85%}.logo-file{display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none;color:inherit}.logo-thumb{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-canvas);padding:var(--space-4)}.logo-thumb--dark{background:var(--color-forest)}.logo-thumb img{max-width:100%;max-height:100%;object-fit:contain}.logo-file:hover .logo-thumb{border-color:var(--color-border-default)}.voice-doc{max-width:760px;font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--font-leading-relaxed);color:var(--color-text-secondary)}.voice-doc h1{display:none}.voice-doc h2{font-size:var(--font-size-2xl);margin-top:var(--space-8);color:var(--color-text-primary)}.voice-doc h3{font-size:var(--font-size-xl);margin-top:var(--space-4)}.voice-doc p,.voice-doc ul,.voice-doc ol{margin:0}.voice-doc ul,.voice-doc ol{padding-left:1.75em;display:flex;flex-direction:column;gap:var(--space-2)}.voice-doc strong{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.voice-doc table{border-collapse:collapse;width:100%;font-size:var(--font-size-xs)}.voice-doc th,.voice-doc td{text-align:left;padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border-subtle);vertical-align:top}.voice-doc th{color:var(--color-text-muted);font-weight:var(--font-weight-medium);letter-spacing:var(--font-tracking-wider);text-transform:uppercase;font-size:var(--font-size-2xs)}.image-licenses td img{display:block;width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm)}.press .press-col{max-width:880px;margin:0 auto;padding-top:clamp(6rem,12vh,9rem);gap:var(--space-16)}.press .docs-head{max-width:none}.press .docs-section>p,.press .docs-section>ul{max-width:none}.press .site-footer{max-width:880px}.press .site-head .brandmark{text-decoration:none}.press .specimen-stage--dark .brandmark{color:var(--color-cream)}.avatar-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.imagery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-4);width:100%}.imagery-grid a{display:flex;flex-direction:column;gap:var(--space-2);color:inherit;text-decoration:none}.imagery-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);background:var(--color-bg-tint);transition:opacity var(--duration-fast) var(--ease-standard)}.imagery-grid a:hover img{opacity:.82}.imagery-grid a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px;border-radius:var(--radius-lg)}.imagery-grid .spec{overflow-wrap:break-word}.avatar-file{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-decoration:none;color:inherit}.avatar-file img{width:120px;height:120px;border-radius:var(--radius-2xl);border:1px solid var(--color-border-subtle)}.avatar-file:hover img{border-color:var(--color-border-default)}.pv-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.pv-head h2{font-size:var(--font-size-2xl)}.pv-head a,.pv-head span{font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:var(--font-tracking-wider);text-transform:uppercase;color:var(--color-text-muted);text-decoration:none}.pv-head a:hover{color:var(--color-text-primary);text-decoration:underline;text-underline-offset:.18em}.pv-swatches{display:flex;flex-wrap:wrap;gap:var(--space-3)}.pv-swatch{display:flex;flex-direction:column;gap:var(--space-2);width:110px}.pv-swatch>span:first-child{display:block;height:72px;border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.spec-table{display:flex;flex-direction:column;gap:var(--space-2)}.spec-table th[scope=row]{width:160px;color:var(--color-text-primary);text-transform:none;letter-spacing:0;font-size:var(--font-size-xs)}.mark-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-4)}.mark-card{display:flex;flex-direction:column;gap:var(--space-3)}.mark-card-stage{display:grid;place-items:center;min-height:140px;padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);background:var(--color-bg-canvas)}.mark-card.specimen-stage--dark{background:transparent;padding:0}.mark-card.specimen-stage--dark .mark-card-stage{background:var(--color-forest);color:var(--color-cream);--mark-surface: var(--color-forest)}.mark-card:first-child,.mark-card:nth-child(5){grid-column:span 2}@media(max-width:700px){.mark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mark-card:first-child,.mark-card:nth-child(5){grid-column:span 2}}.theme-bar{position:sticky;top:0;z-index:10;margin:calc(-1 * var(--space-8)) 0 calc(-1 * var(--space-8));padding:var(--space-3) 0;background:color-mix(in srgb,var(--color-bg-canvas) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-subtle)}.theme-picker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.theme-picker .eyebrow{margin-right:var(--space-2)}.platforms{display:inline-flex;gap:.375rem;vertical-align:middle}.platform{font-family:var(--font-family-mono);font-size:.625rem;letter-spacing:var(--font-tracking-wider);text-transform:uppercase;padding:.1rem .45rem;border-radius:var(--radius-pill);border:1px solid var(--color-border-default);color:var(--color-text-muted);line-height:1.4}.platform--all{border-color:transparent;background:var(--color-bg-tint)}.docs-nav a .platforms{margin-left:auto}.docs-nav a>span:first-child{min-width:0}.docs-nav a .platforms{flex:none}.docs-nav a[aria-current=page] .platform{color:inherit;border-color:#fbfaf459}.changelog h2{font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:var(--font-tracking-wider);text-transform:uppercase;color:var(--color-text-muted);margin-top:var(--space-8)}.changelog ul{gap:var(--space-3)}.docs-foot-toggles{display:flex;gap:var(--space-2);flex-wrap:wrap}.theme-toggle-phone{width:8px;height:13px;border:1.5px solid currentColor;border-radius:2px}.mobile-preview{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:100vw;z-index:30;display:flex;flex-direction:column;background:var(--color-bg-sunken);border-left:1px solid var(--color-border-subtle);box-shadow:var(--shadow-lg)}.mobile-preview[hidden]{display:none}.mobile-preview-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.mobile-preview-frame{flex:1;display:grid;justify-items:center;align-content:start;padding:var(--space-4);overflow:auto}.mobile-preview-frame iframe{width:390px;height:844px;flex:none;border:1px solid var(--color-border-default);border-radius:28px;background:var(--color-bg-canvas)}.has-mobile-preview .docs-main{padding-right:460px}html.is-preview .docs-side,html.is-preview .docs-side-toggle,html.is-preview .docs-foot{display:none}html.is-preview .docs{grid-template-columns:1fr}html.is-preview{scrollbar-width:none}html.is-preview::-webkit-scrollbar{display:none}@media(max-width:900px){.mobile-preview{width:100vw}.has-mobile-preview .docs-main{padding-right:0}}@media(max-width:900px){[data-mobile-toggle]{display:none}}