body{margin:0;background:var(--af-bg-canvas)}.docs{--doc-header-height:80px;--doc-sidebar-width:264px;--doc-toc-width:208px;--doc-border:var(--af-border-subtle);min-height:100vh}.site-header{height:var(--doc-header-height);display:flex;align-items:center;gap:var(--af-space-32);padding-inline:var(--af-space-32);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--doc-border);background:var(--af-bg-surface)}.wordmark{display:flex;align-items:center;gap:var(--af-space-12);flex-shrink:0;text-decoration:none;color:var(--af-text-primary);font:800 24px/1 var(--af-font-heading)}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--af-radius-8);background:var(--af-color-brand-blue);color:var(--af-text-inverse);font-size:28px}.wordmark-sub{display:block;margin-top:var(--af-space-4);font:400 12px/1 var(--af-font-body);letter-spacing:.16em}.header-label{margin-left:var(--af-space-24)}.header-nav{display:flex;align-items:center;gap:var(--af-space-24);margin-left:auto;font-size:14px}.header-nav [aria-current=page]{color:var(--af-text-primary)}.version{text-decoration:none;white-space:nowrap}.sidebar{--af-text-secondary:var(--af-color-neutral-700);position:fixed;inset-block:var(--doc-header-height) 0;width:var(--doc-sidebar-width);padding:var(--af-space-24) var(--af-space-16);overflow:auto;overscroll-behavior:contain;border-right:1px solid var(--doc-border);background:var(--af-color-neutral-50);z-index:5}.search-box{display:block;position:relative;margin-bottom:var(--af-space-24)}.search-box .af-input{padding-right:var(--af-space-32)}.search-box kbd{position:absolute;right:var(--af-space-12);top:50%;translate:0 -50%;color:var(--af-text-tertiary);font:12px/1.5 var(--af-font-body);pointer-events:none}.nav-section+.nav-section{margin-top:var(--af-space-20);padding-top:var(--af-space-16);border-top:1px solid var(--af-border-default)}.nav-group{margin:0 var(--af-space-4) var(--af-space-12);line-height:1.4;color:var(--af-text-secondary)}.nav-items{display:grid;gap:var(--af-space-8)}.nav-link{width:100%;justify-content:flex-start;text-align:left;overflow-wrap:anywhere}.nav-external{margin-left:auto;flex-shrink:0}.search-result:hover{background:var(--af-state-selected-bg);color:var(--af-text-link)}.sidebar-footer{display:flex;align-items:center;gap:var(--af-space-8);margin-top:var(--af-space-32);padding:var(--af-space-20) var(--af-space-12) 0;border-top:1px solid var(--doc-border);color:var(--af-text-secondary);font-size:12px}.sidebar-footer>span:last-child{margin-left:auto}.status-dot{width:6px;height:6px;border-radius:var(--af-radius-pill);background:var(--af-feedback-success-text)}.content{margin-left:var(--doc-sidebar-width);margin-right:var(--doc-toc-width);padding:var(--af-space-48) clamp(24px,3vw,64px) 0;min-height:calc(100vh - var(--doc-header-height));min-width:0}.page-header{max-width:880px;margin-bottom:var(--af-space-32)}.breadcrumb{margin-bottom:var(--af-space-20);font-size:12px;line-height:1.5}.page-title{overflow-wrap:anywhere}.page-intro{color:var(--af-text-secondary);line-height:1.6;margin-bottom:0}.toc{position:fixed;right:0;top:var(--doc-header-height);width:var(--doc-toc-width);height:calc(100vh - var(--doc-header-height));overflow:auto;padding:var(--af-space-48) var(--af-space-20);border-left:1px solid var(--doc-border);color:var(--af-text-secondary);font-size:12px}.toc>span{font-size:10px;font-weight:500;letter-spacing:.08em}.toc nav{display:flex;flex-direction:column;gap:var(--af-space-16);margin-top:var(--af-space-24)}.toc a{line-height:1.5;text-decoration:none}.toc-note{border-top:1px solid var(--doc-border);padding-top:var(--af-space-24);margin-top:var(--af-space-32);line-height:1.8}.af-card.hero{position:relative;overflow:hidden;min-height:360px;justify-content:center;margin-bottom:var(--af-space-24)}.hero-content{position:relative;z-index:1;max-width:65%}.hero-label{color:inherit;letter-spacing:.1em}.hero h2{margin:var(--af-space-24) 0;font-size:clamp(28px,3vw,44px);line-height:1.12}.hero p{line-height:1.6}.hero-link{margin-top:var(--af-space-8)}.hero-art{position:absolute;right:var(--af-space-24);top:96px;width:32%;transform:rotate(-8deg)}.art-panel{box-shadow:var(--af-shadow)}.art-top{display:flex;gap:var(--af-space-4);padding-bottom:var(--af-space-12);border-bottom:1px solid var(--af-border-default)}.art-top span{width:50%;height:4px;background:var(--af-color-brand-blue);border-radius:var(--af-radius-4);margin-right:auto}.art-top i{width:5px;height:5px;border-radius:var(--af-radius-pill);background:var(--af-color-neutral-300)}.art-main{display:grid;grid-template-columns:1fr 1fr;gap:var(--af-space-12)}.art-cell{padding:var(--af-space-12);border-radius:var(--af-radius-8);background:var(--af-bg-subtle);display:flex;flex-direction:column;gap:var(--af-space-4)}.art-cell b{font:800 32px/1 var(--af-font-heading);color:var(--af-color-brand-blue)}.art-cell small{font-size:8px}.art-bars{display:flex;gap:var(--af-space-4);align-items:flex-end;padding:var(--af-space-8);background:var(--af-color-neutral-50);border-radius:var(--af-radius-8)}.art-bars i{background:var(--af-color-brand-blue);width:20%;height:40px;border-radius:var(--af-radius-4) var(--af-radius-4) 0 0}.art-bars i:nth-child(2){height:60px;background:var(--af-color-brand-cyan)}.art-bars i:nth-child(3){height:32px}.art-bars i:nth-child(4){height:52px;background:var(--af-color-brand-deep)}.art-lines{display:flex;flex-direction:column;justify-content:center;gap:var(--af-space-8)}.art-lines i{height:4px;background:var(--af-border-default);border-radius:var(--af-radius-4)}.art-lines i:last-child{width:70%}.art-check{border-radius:var(--af-radius-8);background:var(--af-feedback-success-bg);display:grid;place-items:center;color:var(--af-feedback-success-text);height:40px;font-size:22px}.art-tag{position:absolute;bottom:-24px;right:0;border:1px solid var(--af-color-brand-cyan);background:var(--af-color-brand-deep);border-radius:var(--af-radius-8);padding:var(--af-space-12) var(--af-space-20);font-size:14px;transform:rotate(8deg)}.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--af-space-16);margin-bottom:var(--af-space-48)}.quick-card{position:relative;text-decoration:none}.quick-card:hover{background:var(--af-bg-subtle);border-color:var(--af-border-focus)}.quick-card .quick-number{margin-bottom:var(--af-space-8)}.quick-card p{color:var(--af-text-secondary)}.quick-arrow{position:absolute;right:var(--af-space-16);top:var(--af-space-16);color:var(--af-text-link)}.doc-section{margin:var(--af-space-40) 0;scroll-margin-top:calc(var(--doc-header-height) + var(--af-space-24))}.doc-heading{margin-bottom:var(--af-space-16)}.doc-copy{font-size:16px;color:var(--af-text-secondary);line-height:1.65;max-width:880px}.example-preview{border:1px solid var(--af-border-default);border-radius:var(--af-radius-16) var(--af-radius-16) 0 0;padding:var(--af-space-32);background:var(--af-bg-surface);overflow:auto}.example-preview>.af-stack,.example-preview>.af-field{max-width:520px}.example-preview--calendar{max-width:480px}.example-preview--table{max-width:740px}.example-preview .af-page{padding:0}.example-preview .af-page>.af-heading:empty{display:none}.code-block{border:1px solid var(--af-border-default);border-radius:var(--af-radius-12);background:var(--af-color-neutral-50);margin:var(--af-space-12) 0 var(--af-space-20);overflow:hidden}.example-preview+.code-block{margin-top:0;border-top:0;border-radius:0 0 var(--af-radius-16) var(--af-radius-16)}.code-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--af-space-12);padding:var(--af-space-8) var(--af-space-16);border-bottom:1px solid var(--doc-border);font-size:12px;color:var(--af-text-tertiary)}.code-block pre{font:13px/1.7 Consolas,monospace;padding:var(--af-space-20);margin:0;overflow:auto;max-height:420px;color:var(--af-color-brand-deep)}.code-block code{white-space:pre}.page-footer{border-top:1px solid var(--doc-border);margin-top:var(--af-space-64);padding:var(--af-space-24) 0;display:flex;justify-content:space-between;gap:var(--af-space-16);font-size:12px;color:var(--af-text-secondary)}.swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--af-space-16)}.swatch{border:1px solid var(--doc-border);border-radius:var(--af-radius-16);overflow:hidden;display:flex;flex-direction:column}.swatch-color{height:100px;border-bottom:1px solid var(--doc-border)}.swatch strong{font-size:14px;margin:var(--af-space-16) var(--af-space-16) var(--af-space-4)}.swatch code{font-size:12px;color:var(--af-text-secondary);margin:0 var(--af-space-16) var(--af-space-16)}.token-list{border:1px solid var(--doc-border);border-radius:var(--af-radius-16);max-height:520px;overflow:auto}.token-row{display:flex;justify-content:space-between;padding:var(--af-space-12) var(--af-space-16);gap:var(--af-space-16);border-bottom:1px solid var(--doc-border);font-size:12px}.token-row code{overflow-wrap:anywhere}.token-row span{color:var(--af-text-secondary)}.class-table{margin-top:var(--af-space-20)}.class-table td:first-child{font:12px/1.5 Consolas,monospace}.class-table th,.class-table td{white-space:normal;overflow-wrap:anywhere}.search-result{display:block;padding:var(--af-space-12);border-radius:var(--af-radius-8);color:var(--af-text-link);font-size:12px;text-decoration:none;overflow-wrap:anywhere}.demo-controls{margin-bottom:var(--af-space-20)}.skip-link{position:fixed;top:-100px;left:var(--af-space-20);background:var(--af-bg-surface);padding:var(--af-space-12);z-index:30;color:var(--af-text-link)}.skip-link:focus{top:var(--af-space-12)}.doc-section fieldset{border:1px solid var(--af-border-default);border-radius:var(--af-radius-8);padding:var(--af-space-12)}.doc-section legend{font-size:14px;padding:0 var(--af-space-8)}.example-code{padding:var(--af-space-12) var(--af-space-16);border:1px solid var(--af-border-default);border-top:0;border-radius:0 0 var(--af-radius-16) var(--af-radius-16);background:var(--af-color-neutral-50)}.example-code>summary{width:fit-content;cursor:pointer;font-size:14px;color:var(--af-text-link)}.example-code>summary:focus-visible{outline:2px solid var(--af-border-focus);outline-offset:4px;border-radius:var(--af-radius-2)}.example-code>.code-block:last-child{margin-bottom:0}.docs-brand-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--af-space-16)}.docs-brand-gallery figure{margin:0}.docs-brand-gallery img{width:100%;height:100px;object-fit:contain;background:var(--af-bg-subtle);border-radius:var(--af-radius-8)}.docs-brand-gallery figcaption{font-size:12px;padding:var(--af-space-8) 0}.guide-prose{font-size:16px;line-height:1.65;overflow-wrap:anywhere}.guide-prose h2,.guide-prose h3{margin-top:var(--af-space-40);scroll-margin-top:calc(var(--doc-header-height) + var(--af-space-24))}.guide-prose h2{margin-bottom:var(--af-space-16)}.guide-prose h3{font:500 22px/1.3 var(--af-font-body)}.guide-prose a{color:var(--af-text-link);text-underline-offset:3px}.guide-prose pre{margin-block:var(--af-space-24);padding:var(--af-space-24);border:1px solid var(--af-border-default);border-radius:var(--af-radius-16);background:var(--af-color-neutral-50);overflow:auto}.guide-prose code{font:.85em/1.7 Consolas,monospace}.guide-prose pre code{white-space:pre}.guide-prose :not(pre)>code{padding:var(--af-space-2) var(--af-space-4);background:var(--af-bg-subtle);border-radius:var(--af-radius-4)}.guide-prose table{display:block;width:100%;margin-block:var(--af-space-24);border-collapse:collapse;overflow:auto;font-size:14px}.guide-prose :is(th,td){padding:var(--af-space-12) var(--af-space-16);border-bottom:1px solid var(--af-border-default);text-align:left;min-width:120px}.guide-prose th{background:var(--af-color-neutral-50);font-weight:500}.guide-prose li{margin-block:var(--af-space-8)}.guide-prose img{max-width:100%}.guide-prose blockquote{margin-inline:0;padding:var(--af-space-16) var(--af-space-24);border-left:3px solid var(--af-border-focus);background:var(--af-bg-subtle)}@media(min-width:1800px){.content{max-width:1200px;margin-left:max(var(--doc-sidebar-width),calc((100vw - 1200px)/2))}}@media(max-width:1250px){.toc{display:none}.content{margin-right:0;padding:var(--af-space-32) var(--af-space-32) 0}.header-label{display:none}}@media(max-width:950px){.docs{--doc-sidebar-width:224px}.sidebar{padding-inline:var(--af-space-12)}.site-header{padding-inline:var(--af-space-24)}.header-nav{gap:var(--af-space-16)}.hero-art{display:none}.hero-content{max-width:100%}.quick-links{grid-template-columns:1fr}.page-title{font-size:32px;line-height:1.15}}@media(max-width:700px){.docs{--doc-header-height:112px}.site-header{height:auto;min-height:var(--doc-header-height);flex-wrap:wrap;padding:var(--af-space-12) var(--af-space-16);gap:var(--af-space-12)}.wordmark{font-size:20px}.brand-mark{width:32px;height:32px;font-size:24px}.wordmark-sub{font-size:10px}.header-nav{flex:1 0 100%;justify-content:flex-start;gap:var(--af-space-16);font-size:12px}.header-nav .af-btn{margin-right:auto}.header-nav>a:first-child{display:none}.sidebar{position:static;width:auto;padding:var(--af-space-16);border-right:0;border-bottom:1px solid var(--doc-border)}.search-box{margin-bottom:var(--af-space-12)}#navigation{display:flex;gap:var(--af-space-4);overflow:auto;padding:var(--af-space-4);margin:calc(-1 * var(--af-space-4))}.nav-group,.sidebar-footer{display:none}.nav-link{white-space:nowrap;margin-bottom:0}.content{margin:0;padding:var(--af-space-32) var(--af-space-16) 0}.af-card.hero{min-height:0}.hero h2{font-size:28px}.hero p{font-size:14px}.page-title{font-size:28px;line-height:1.2}.page-intro{font-size:14px}.example-preview{padding:var(--af-space-16)}.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.page-footer{flex-direction:column}.code-block pre{padding:var(--af-space-16);font-size:12px}.class-table td,.class-table th{padding:var(--af-space-8) var(--af-space-4);font-size:11px}.token-row{flex-direction:column;gap:var(--af-space-4)}.guide-prose pre{padding:var(--af-space-16)}}@media(max-width:700px){#navigation{gap:var(--af-space-16);align-items:stretch}.nav-section{flex-shrink:0;padding-right:var(--af-space-16);border-right:1px solid var(--af-border-default)}.nav-section:last-child{padding-right:0;border-right:0}.nav-section+.nav-section{margin-top:0;padding-top:0;border-top:0}.nav-section>.nav-group{display:block}.nav-items{display:flex}.nav-link{width:auto;flex-shrink:0}}@media print{.site-header,.sidebar,.toc,.page-footer{display:none}.content{margin:0;padding:0;max-width:none}.docs:not(.docs--guide) :is(.page-header,.doc-section>.doc-heading,.doc-section>.doc-copy,.doc-section>a){display:none}.doc-section{margin:0}.guide-prose pre,.guide-prose pre code{white-space:pre-wrap}}