.components-overview[data-astro-cid-s6oksyhy]{display:flex;flex-direction:column;gap:var(--size-48)}.page-header[data-astro-cid-s6oksyhy]{margin-bottom:var(--size-16)}.page-header[data-astro-cid-s6oksyhy] h1[data-astro-cid-s6oksyhy]{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--foreground-base);margin:0 0 var(--size-16) 0}.page-description[data-astro-cid-s6oksyhy]{font-size:var(--font-size-lg);color:var(--foreground-muted);line-height:var(--font-line-height-relaxed);margin:0;max-width:65ch}.component-category[data-astro-cid-s6oksyhy] h2[data-astro-cid-s6oksyhy]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--foreground-base);margin:0 0 var(--size-8) 0}.category-description[data-astro-cid-s6oksyhy]{color:var(--foreground-muted);margin:0 0 var(--size-24) 0;max-width:65ch}.component-grid[data-astro-cid-s6oksyhy]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--size-24)}.component-card[data-astro-cid-s6oksyhy]{display:flex;flex-direction:column;background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:all var(--motion-duration-fast) var(--motion-easing-ease-out)}.component-card[data-astro-cid-s6oksyhy]:hover{border-color:var(--border-brand-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-preview[data-astro-cid-s6oksyhy]{background:var(--background-subtle);padding:var(--size-24);display:flex;align-items:center;justify-content:center;min-height:100px}.preview-placeholder[data-astro-cid-s6oksyhy]{display:flex;align-items:center;gap:var(--size-8)}.mock-button[data-astro-cid-s6oksyhy]{display:inline-flex;padding:var(--size-8) var(--size-16);background:var(--background-interactive-primary);color:var(--foreground-interactive-white);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.mock-chip[data-astro-cid-s6oksyhy]{display:inline-flex;padding:var(--size-4) var(--size-12);background:var(--background-muted);color:var(--foreground-base);border-radius:var(--radius-full);font-size:var(--font-size-xs)}.mock-chip[data-astro-cid-s6oksyhy].success{background:var(--background-system-success);color:var(--foreground-system-success)}.mock-input[data-astro-cid-s6oksyhy]{display:inline-flex;padding:var(--size-8) var(--size-12);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--foreground-muted);min-width:160px}.mock-switch[data-astro-cid-s6oksyhy]{width:40px;height:24px;background:var(--background-interactive-primary);border-radius:var(--radius-full);position:relative}.mock-switch[data-astro-cid-s6oksyhy]:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;right:3px}.mock-checkbox[data-astro-cid-s6oksyhy],.mock-radio[data-astro-cid-s6oksyhy]{width:18px;height:18px;border:2px solid var(--border-default);background:var(--background-base)}.mock-checkbox[data-astro-cid-s6oksyhy]{border-radius:var(--radius-sm)}.mock-radio[data-astro-cid-s6oksyhy]{border-radius:50%}.mock-checkbox[data-astro-cid-s6oksyhy].checked,.mock-radio[data-astro-cid-s6oksyhy].checked{background:var(--background-interactive-primary);border-color:var(--border-brand-primary)}.mock-avatar[data-astro-cid-s6oksyhy]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.mock-avatar[data-astro-cid-s6oksyhy].teal{background:var(--color-moonstone-200);color:var(--color-moonstone-700)}.mock-avatar[data-astro-cid-s6oksyhy].purple{background:var(--color-wisteria-200);color:var(--color-wisteria-700)}.mock-avatar[data-astro-cid-s6oksyhy].green{background:var(--color-green-200);color:var(--color-green-800)}.mock-badge[data-astro-cid-s6oksyhy]{display:inline-flex;padding:var(--size-4) var(--size-10);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.mock-badge[data-astro-cid-s6oksyhy].success{background:var(--background-system-success);color:var(--color-green-800)}.mock-badge[data-astro-cid-s6oksyhy].warning{background:var(--background-system-warning);color:var(--color-yellow-800)}.mock-badge[data-astro-cid-s6oksyhy].danger{background:var(--background-system-danger);color:var(--color-red-800)}.mock-card-box[data-astro-cid-s6oksyhy]{display:inline-flex;align-items:center;justify-content:center;padding:var(--size-16) var(--size-24);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 2px 4px #00000014;font-size:var(--font-size-sm);color:var(--foreground-base)}.mock-icon-button[data-astro-cid-s6oksyhy]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);font-size:var(--font-size-md)}.mock-icon-button[data-astro-cid-s6oksyhy]:hover{background:var(--background-muted)}.mock-spinner[data-astro-cid-s6oksyhy]{width:24px;height:24px;border:3px solid var(--border-default);border-top-color:var(--background-interactive-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs-preview[data-astro-cid-s6oksyhy]{background:var(--background-base);padding:var(--size-4);border-radius:var(--radius-md);border:1px solid var(--border-default)}.mock-tab[data-astro-cid-s6oksyhy]{display:inline-flex;padding:var(--size-6) var(--size-12);font-size:var(--font-size-xs);color:var(--foreground-muted);border-radius:var(--radius-sm)}.mock-tab[data-astro-cid-s6oksyhy].active{background:var(--background-subtle);color:var(--foreground-base);font-weight:var(--font-weight-medium)}.text-preview[data-astro-cid-s6oksyhy]{flex-direction:column;align-items:flex-start;gap:var(--size-4)}.mock-text-display[data-astro-cid-s6oksyhy]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--foreground-base)}.mock-text-body[data-astro-cid-s6oksyhy]{font-size:var(--font-size-sm);color:var(--foreground-muted)}.pagination-preview[data-astro-cid-s6oksyhy]{background:var(--background-base);padding:var(--size-8) var(--size-12);border-radius:var(--radius-md);border:1px solid var(--border-default);gap:var(--size-12)}.mock-pagination-info[data-astro-cid-s6oksyhy],.mock-pagination-nav[data-astro-cid-s6oksyhy]{font-size:var(--font-size-xs);color:var(--foreground-muted)}.mock-box[data-astro-cid-s6oksyhy]{display:inline-flex;align-items:center;justify-content:center;padding:var(--size-12) var(--size-16);background:var(--background-primary-subtle);border:2px dashed var(--border-brand-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--foreground-primary)}.mock-sidebar[data-astro-cid-s6oksyhy]{display:flex;flex-direction:column;gap:var(--size-4);width:48px;padding:var(--size-8);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md)}.mock-sidebar-item[data-astro-cid-s6oksyhy]{height:32px;background:var(--background-muted);border-radius:var(--radius-sm)}.mock-sidebar-item[data-astro-cid-s6oksyhy].active{background:var(--background-interactive-primary)}.mock-layout[data-astro-cid-s6oksyhy]{display:flex;width:140px;height:80px;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--background-base)}.mock-layout-sidebar[data-astro-cid-s6oksyhy]{width:24px;background:var(--background-subtle);border-right:1px solid var(--border-default)}.mock-layout-main[data-astro-cid-s6oksyhy]{flex:1;display:flex;flex-direction:column}.mock-layout-header[data-astro-cid-s6oksyhy]{height:16px;background:var(--background-subtle);border-bottom:1px solid var(--border-default)}.mock-layout-content[data-astro-cid-s6oksyhy]{flex:1;background:var(--background-base)}.mock-header[data-astro-cid-s6oksyhy]{display:flex;align-items:center;justify-content:space-between;width:160px;height:32px;padding:0 var(--size-8);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md)}.mock-header-logo[data-astro-cid-s6oksyhy]{width:20px;height:20px;background:var(--background-muted);border-radius:var(--radius-sm)}.mock-header-search[data-astro-cid-s6oksyhy]{flex:1;height:16px;margin:0 var(--size-8);background:var(--background-subtle);border:1px solid var(--border-default);border-radius:var(--radius-sm)}.mock-header-avatar[data-astro-cid-s6oksyhy]{width:20px;height:20px;background:var(--color-moonstone-200);border-radius:50%}.mock-page-header[data-astro-cid-s6oksyhy]{display:flex;align-items:center;justify-content:space-between;width:160px;padding:var(--size-8) var(--size-12);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md)}.mock-page-header-title[data-astro-cid-s6oksyhy]{width:60px;height:16px;background:var(--foreground-base);border-radius:var(--radius-sm);opacity:.2}.mock-page-header-actions[data-astro-cid-s6oksyhy]{width:40px;height:20px;background:var(--background-interactive-primary);border-radius:var(--radius-sm)}.card-content[data-astro-cid-s6oksyhy]{padding:var(--size-20)}.card-content[data-astro-cid-s6oksyhy] h3[data-astro-cid-s6oksyhy]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground-base);margin:0 0 var(--size-8) 0}.card-content[data-astro-cid-s6oksyhy] p[data-astro-cid-s6oksyhy]{font-size:var(--font-size-sm);color:var(--foreground-muted);line-height:var(--font-line-height-normal);margin:0}.usage-info[data-astro-cid-s6oksyhy] h2[data-astro-cid-s6oksyhy]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--size-16) 0}.usage-info[data-astro-cid-s6oksyhy] code[data-astro-cid-s6oksyhy]{background:var(--background-muted);padding:var(--size-2) var(--size-6);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.usage-info[data-astro-cid-s6oksyhy] pre[data-astro-cid-s6oksyhy]{background:var(--background-sunken);padding:var(--size-16);border-radius:var(--radius-md);overflow-x:auto;margin-top:var(--size-12)}.usage-info[data-astro-cid-s6oksyhy] pre[data-astro-cid-s6oksyhy] code[data-astro-cid-s6oksyhy]{background:transparent;padding:0}@media(max-width:768px){.page-header[data-astro-cid-s6oksyhy] h1[data-astro-cid-s6oksyhy]{font-size:var(--font-size-3xl)}.component-grid[data-astro-cid-s6oksyhy]{grid-template-columns:1fr}}