.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))}.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}}