.docs-layout{width:min(1280px,calc(100vw - 2rem));margin:0 auto;padding:var(--devsuite-space-32) 0 var(--devsuite-space-64);display:grid;gap:var(--devsuite-space-24)}.docs-sidebar{display:grid;gap:var(--devsuite-space-16);align-self:start}.docs-sidebar-panel{display:grid;gap:var(--devsuite-space-12);padding:var(--devsuite-space-16);border:1px solid var(--devsuite-component-surface-border);border-radius:var(--devsuite-radius-xl);background:var(--devsuite-component-surface-background);box-shadow:var(--devsuite-component-surface-shadow)}.docs-sidebar-panel-collapsible{padding:0;overflow:hidden}.docs-sidebar-panel-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--devsuite-space-12);cursor:pointer;padding:var(--devsuite-space-16)}.docs-sidebar-panel-summary::-webkit-details-marker{display:none}.docs-sidebar-panel-summary:after{content:"+";color:var(--devsuite-component-prose-muted);font-size:var(--devsuite-font-lg);font-weight:var(--devsuite-font-semibold);line-height:1}.docs-sidebar-panel-collapsible[open]>.docs-sidebar-panel-summary:after{content:"-"}.docs-sidebar-panel-summary:focus-visible{outline:3px solid var(--devsuite-color-focus);outline-offset:-3px}.docs-sidebar-panel-body{display:grid;gap:var(--devsuite-space-12);padding:0 var(--devsuite-space-16) var(--devsuite-space-16)}.docs-sidebar-brand-link{color:var(--devsuite-component-prose-heading);font-family:var(--devsuite-font-display);font-size:var(--devsuite-font-xl);font-weight:var(--devsuite-font-semibold);text-decoration:none}.docs-sidebar-brand-link:focus-visible{outline:3px solid var(--devsuite-color-focus);outline-offset:2px}.docs-sidebar-brand-copy,.docs-sidebar-copy{margin:0;color:var(--devsuite-component-prose-muted);font-size:var(--devsuite-font-sm);line-height:1.6}.docs-sidebar-copy-block,.docs-sidebar-section-stack{display:grid;gap:var(--devsuite-space-12)}.docs-sidebar-heading{margin:0;color:var(--devsuite-component-prose-heading);font-size:var(--devsuite-font-sm);font-weight:var(--devsuite-font-semibold);text-transform:uppercase;letter-spacing:.08em}.docs-sidebar-list,.docs-sidebar-component-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--devsuite-space-8)}.docs-sidebar-link,.docs-sidebar-component-link{display:flex;align-items:center;justify-content:space-between;gap:var(--devsuite-space-8);min-height:2.5rem;padding:var(--devsuite-space-8) var(--devsuite-space-12);border-radius:var(--devsuite-radius-lg);color:var(--devsuite-component-prose-muted);text-decoration:none;font-weight:var(--devsuite-font-medium)}.docs-sidebar-link:hover,.docs-sidebar-link-current,.docs-sidebar-component-link:hover,.docs-sidebar-component-link-current{background:var(--devsuite-component-contentCard-tagBackground);color:var(--devsuite-component-prose-heading)}.docs-sidebar-link:focus-visible,.docs-sidebar-component-link:focus-visible,.docs-sidebar-summary:focus-visible{outline:3px solid var(--devsuite-color-focus);outline-offset:2px}.docs-sidebar-disclosures{display:grid;gap:var(--devsuite-space-8)}.docs-sidebar-disclosure{border-top:1px solid var(--devsuite-component-surface-border);padding-top:var(--devsuite-space-8)}.docs-sidebar-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--devsuite-space-12);cursor:pointer;color:var(--devsuite-component-prose-heading);font-size:var(--devsuite-font-sm);font-weight:var(--devsuite-font-semibold)}.docs-sidebar-summary::-webkit-details-marker{display:none}.docs-sidebar-summary-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;min-height:1.75rem;padding:0 var(--devsuite-space-8);border-radius:var(--devsuite-radius-pill);background:var(--devsuite-component-contentCard-tagBackground);color:var(--devsuite-component-prose-heading);font-size:var(--devsuite-font-sm);font-weight:var(--devsuite-font-medium)}.docs-sidebar-component-list{margin-top:var(--devsuite-space-12)}.docs-sidebar-component-label{min-width:0}.docs-sidebar-status{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:.15rem .55rem;border-radius:var(--devsuite-radius-pill);font-size:.7rem;font-weight:var(--devsuite-font-semibold);line-height:1.3}.docs-sidebar-status-ready{background:color-mix(in srgb,var(--devsuite-component-confirmation-successBackground) 85%,transparent);color:color-mix(in srgb,var(--devsuite-component-confirmation-successForeground) 92%,black 8%)}.docs-sidebar-status-planned{background:color-mix(in srgb,var(--devsuite-component-confirmation-warningBackground) 88%,transparent);color:color-mix(in srgb,var(--devsuite-component-confirmation-warningForeground) 92%,black 8%)}.docs-page-main{min-width:0;display:grid;gap:var(--devsuite-space-24)}.docs-page-hero{display:grid;gap:var(--devsuite-space-16);padding:var(--devsuite-space-24);border-radius:var(--devsuite-radius-xl);border:1px solid var(--devsuite-component-shell-heroBorder);background:var(--devsuite-component-shell-heroBackground);box-shadow:var(--devsuite-component-shell-heroShadow)}.docs-page-eyebrow{display:inline-flex;width:fit-content;padding:var(--devsuite-space-8) var(--devsuite-space-12);border-radius:var(--devsuite-component-shell-eyebrowRadius);background:var(--devsuite-component-shell-eyebrowBackground);color:var(--devsuite-component-shell-eyebrowForeground);font-size:var(--devsuite-font-sm);font-weight:var(--devsuite-font-semibold)}.docs-page-title{margin:0;color:var(--devsuite-component-prose-heading);font-family:var(--devsuite-font-display);font-size:clamp(2.5rem,4vw,var(--devsuite-font-hero));line-height:1}.docs-page-subtitle{margin:0;max-width:62ch;color:var(--devsuite-component-prose-muted);font-size:var(--devsuite-font-lg);line-height:1.6}.docs-page-meta{display:flex;flex-wrap:wrap;gap:var(--devsuite-space-12);align-items:center}.metric-grid,.content-grid,.docs-stack{display:grid;gap:var(--devsuite-space-16)}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.content-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.docs-stack{gap:var(--devsuite-space-24)}.docs-stack-tight{display:grid;gap:var(--devsuite-space-16)}.content-meta{display:flex;flex-wrap:wrap;gap:var(--devsuite-space-12);margin:0 0 var(--devsuite-space-20);color:var(--devsuite-component-prose-muted);font-size:var(--devsuite-font-sm);line-height:1.6}.docs-back-link{width:fit-content;color:var(--devsuite-color-accent);font-weight:var(--devsuite-font-semibold)}.docs-metric-card{display:grid;gap:var(--devsuite-space-8)}.docs-metric-label{margin:0;color:var(--devsuite-component-prose-muted);font-size:var(--devsuite-font-sm);font-weight:var(--devsuite-font-medium)}.docs-metric-value{margin:0;color:var(--devsuite-component-prose-heading);font-size:clamp(2rem,4vw,3rem);font-weight:var(--devsuite-font-semibold);line-height:1}.docs-metric-detail{margin:0;color:var(--devsuite-component-prose-muted);font-size:var(--devsuite-font-sm);line-height:1.6}.component-card-footer{display:flex;flex-wrap:wrap;gap:var(--devsuite-space-8)}.component-doc-grid{display:grid;gap:var(--devsuite-space-16);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.component-header-actions{display:flex;flex-wrap:wrap;gap:var(--devsuite-space-12);align-items:center;justify-content:flex-end}.component-example-panel{display:grid;gap:var(--devsuite-space-16)}.component-example-description{margin:0;color:var(--devsuite-component-prose-muted);font-size:var(--devsuite-font-sm);line-height:1.6}.component-example-toolbar{display:flex;flex-wrap:wrap;gap:var(--devsuite-space-12);align-items:center}.component-preview-frame{width:100%;min-height:28rem;border:1px solid var(--devsuite-component-surface-border);border-radius:var(--devsuite-radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--devsuite-color-panel) 92%,white 8%),var(--devsuite-color-panel))}.component-preview-stage{position:relative}.component-preview-frame-pending{opacity:0}.component-preview-frame-placeholder{display:grid;place-items:center;color:var(--devsuite-component-prose-muted);font-size:var(--devsuite-font-sm);position:absolute;inset:0;z-index:1}.component-preview-status{margin:0;padding:var(--devsuite-space-16);border-radius:var(--devsuite-radius-lg);border:1px dashed var(--devsuite-component-surface-border);color:var(--devsuite-component-prose-muted);background:color-mix(in srgb,var(--devsuite-component-surface-background) 92%,var(--devsuite-color-panel) 8%)}.code-editor-field{display:grid;gap:var(--devsuite-space-8)}.code-editor-label{color:var(--devsuite-component-prose-heading);font-size:var(--devsuite-font-sm);font-weight:var(--devsuite-font-medium)}.code-editor-input{width:100%;min-height:18rem;padding:var(--devsuite-space-16);border:1px solid var(--devsuite-component-field-border);border-radius:var(--devsuite-radius-md);background:var(--devsuite-component-field-background);color:var(--devsuite-component-field-ink);font:.95rem/1.6 SFMono-Regular,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;resize:vertical}.code-editor-input:focus{outline:3px solid var(--devsuite-color-focus);outline-offset:2px}.api-table-wrap{overflow-x:auto;border:1px solid var(--devsuite-component-surface-border);border-radius:var(--devsuite-radius-lg)}.api-table{width:100%;min-width:42rem;border-collapse:collapse;background:var(--devsuite-component-surface-background)}.api-table th,.api-table td{padding:var(--devsuite-space-12) var(--devsuite-space-16);border-bottom:1px solid var(--devsuite-component-surface-border);text-align:left;vertical-align:top}.api-table th{color:var(--devsuite-component-prose-heading);font-size:var(--devsuite-font-sm);font-weight:var(--devsuite-font-semibold);background:color-mix(in srgb,var(--devsuite-component-surface-background) 90%,var(--devsuite-color-raised) 10%)}.api-table tbody tr:last-child td{border-bottom:0}.component-preview-shell{min-height:100vh;padding:var(--devsuite-space-24);display:grid;align-content:start;background:radial-gradient(circle at top left,color-mix(in srgb,var(--devsuite-color-accent) 12%,transparent),transparent 35%),linear-gradient(180deg,color-mix(in srgb,var(--devsuite-color-panel) 94%,white 6%),var(--devsuite-color-panel))}.component-preview-error{margin:0;padding:var(--devsuite-space-16);border-radius:var(--devsuite-radius-lg);border:1px solid var(--devsuite-component-surface-border);background:var(--devsuite-component-surface-background);color:var(--devsuite-component-prose-heading);white-space:pre-wrap}.token-filter-grid{display:grid;gap:var(--devsuite-space-16);grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.token-filter-actions{display:flex;flex-wrap:wrap;gap:var(--devsuite-space-8);align-content:start}.token-value{display:inline-flex;align-items:center;gap:var(--devsuite-space-8)}.token-value-swatch{width:1rem;height:1rem;flex:0 0 auto;border:1px solid var(--devsuite-component-surface-border);border-radius:var(--devsuite-radius-pill)}@media(max-width:48rem){.component-header-actions{justify-content:flex-start}.component-preview-frame{min-height:24rem}.token-filter-grid{grid-template-columns:1fr}.api-table{min-width:32rem}}@media(min-width:72rem){.docs-layout{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);align-items:start}.docs-sidebar{position:sticky;top:var(--devsuite-space-16);max-height:calc(100vh - (2 * var(--devsuite-space-16)));overflow:auto;padding-right:var(--devsuite-space-4)}}