.components-overview[data-astro-cid-s6oksyhy]{display:flex;flex-direction:column;gap:var(--size-48)}.page-header[data-astro-cid-s6oksyhy]{padding-bottom:var(--size-24);border-bottom:1px solid var(--border-default)}.page-header[data-astro-cid-s6oksyhy] h1[data-astro-cid-s6oksyhy]{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--font-line-height-5xl);color:var(--foreground-base);margin:0 0 var(--size-12) 0}.page-description[data-astro-cid-s6oksyhy]{font-size:var(--font-size-lg);color:var(--foreground-muted);line-height:var(--font-line-height-lg);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-raised);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);border:1px solid var(--border-default);background:var(--background-base)}.mock-icon-button[data-astro-cid-s6oksyhy]:hover{background:var(--background-muted)}.mock-icon-dot[data-astro-cid-s6oksyhy]{width:14px;height:14px;border-radius:50%;background:var(--foreground-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-raised);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-clinical);border:2px dashed var(--border-brand-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--foreground-interactive-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-raised);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-raised);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-raised);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)}.divider-preview[data-astro-cid-s6oksyhy]{width:100%;justify-content:center}.mock-divider-line[data-astro-cid-s6oksyhy]{width:120px;height:1px;background:var(--border-default)}.mock-empty-state[data-astro-cid-s6oksyhy]{display:flex;flex-direction:column;align-items:center;gap:var(--size-8);padding:var(--size-16);background:var(--background-base);border:1px dashed var(--border-default);border-radius:var(--radius-md)}.mock-empty-icon[data-astro-cid-s6oksyhy]{font-size:var(--font-size-2xl);opacity:.5}.mock-empty-icon-svg[data-astro-cid-s6oksyhy]{color:var(--foreground-muted)}.mock-empty-text[data-astro-cid-s6oksyhy]{font-size:var(--font-size-xs);color:var(--foreground-muted)}.mock-filter-bar[data-astro-cid-s6oksyhy]{display:flex;align-items:center;gap:var(--size-8);padding:var(--size-8) var(--size-12);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md)}.mock-filter-search[data-astro-cid-s6oksyhy]{width:80px;height:24px;background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm)}.mock-filter-select[data-astro-cid-s6oksyhy]{width:60px;height:24px;background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-sm)}.mock-filter-btn[data-astro-cid-s6oksyhy]{width:50px;height:24px;background:var(--background-muted);border-radius:var(--radius-sm)}.mock-action-menu[data-astro-cid-s6oksyhy]{display:flex;flex-direction:column;align-items:flex-end;gap:var(--size-4)}.mock-menu-trigger[data-astro-cid-s6oksyhy]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--foreground-muted)}.mock-menu-dropdown[data-astro-cid-s6oksyhy]{display:flex;flex-direction:column;gap:var(--size-2);padding:var(--size-4);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a}.mock-menu-item[data-astro-cid-s6oksyhy]{width:80px;height:20px;background:var(--background-muted);border-radius:var(--radius-sm)}.mock-menu-item[data-astro-cid-s6oksyhy].danger{background:var(--background-system-danger)}.mock-search-input[data-astro-cid-s6oksyhy]{display:flex;align-items:center;gap:var(--size-8);padding:var(--size-8) var(--size-12);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:160px}.mock-search-icon[data-astro-cid-s6oksyhy]{width:14px;height:14px;border:2px solid var(--foreground-muted);border-radius:50%;position:relative;flex-shrink:0}.mock-search-icon[data-astro-cid-s6oksyhy]:after{content:"";position:absolute;width:5px;height:2px;background:var(--foreground-muted);bottom:-4px;right:-4px;transform:rotate(45deg);border-radius:1px}.mock-search-text[data-astro-cid-s6oksyhy]{font-size:var(--font-size-sm);color:var(--foreground-muted)}.mock-select[data-astro-cid-s6oksyhy]{display:flex;align-items:center;justify-content:space-between;padding:var(--size-8) var(--size-12);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:160px}.mock-select-text[data-astro-cid-s6oksyhy]{font-size:var(--font-size-sm);color:var(--foreground-muted)}.mock-select-chevron[data-astro-cid-s6oksyhy]{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--foreground-muted);flex-shrink:0}.mock-textarea[data-astro-cid-s6oksyhy]{display:flex;flex-direction:column;gap:var(--size-6);padding:var(--size-10) var(--size-12);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:160px;min-height:56px}.mock-textarea-line[data-astro-cid-s6oksyhy]{height:6px;background:var(--foreground-muted);border-radius:3px;opacity:.2}.mock-textarea-line[data-astro-cid-s6oksyhy].short{width:65%}.mock-form-field[data-astro-cid-s6oksyhy]{display:flex;flex-direction:column;gap:var(--size-4);min-width:140px}.mock-form-label[data-astro-cid-s6oksyhy]{width:50px;height:8px;background:var(--foreground-base);border-radius:4px;opacity:.3}.mock-form-input[data-astro-cid-s6oksyhy]{height:30px;background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md)}.mock-form-helper[data-astro-cid-s6oksyhy]{width:80px;height:6px;background:var(--foreground-muted);border-radius:3px;opacity:.2}.mock-tooltip-container[data-astro-cid-s6oksyhy]{display:flex;flex-direction:column;align-items:center;gap:var(--size-6)}.mock-tooltip-bubble[data-astro-cid-s6oksyhy]{padding:var(--size-4) var(--size-10);background:var(--foreground-base);color:var(--background-base);border-radius:var(--radius-sm);font-size:var(--font-size-xs);position:relative}.mock-tooltip-bubble[data-astro-cid-s6oksyhy]:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--foreground-base)}.mock-tooltip-trigger[data-astro-cid-s6oksyhy]{width:28px;height:28px;background:var(--background-muted);border-radius:var(--radius-sm)}.mock-table[data-astro-cid-s6oksyhy]{display:flex;flex-direction:column;width:160px;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--background-base)}.mock-table-row[data-astro-cid-s6oksyhy]{display:flex;gap:1px;background:var(--border-default)}.mock-table-row[data-astro-cid-s6oksyhy]:first-child{background:var(--border-default)}.mock-table-row[data-astro-cid-s6oksyhy].header .mock-table-cell[data-astro-cid-s6oksyhy]{background:var(--background-raised);height:16px}.mock-table-cell[data-astro-cid-s6oksyhy]{flex:1;height:20px;background:var(--background-base)}.mock-table-row[data-astro-cid-s6oksyhy]+.mock-table-row[data-astro-cid-s6oksyhy]{border-top:1px solid var(--border-default)}.mock-stat-card[data-astro-cid-s6oksyhy]{display:flex;flex-direction:column;gap:var(--size-4);padding:var(--size-12) var(--size-16);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:100px}.mock-stat-value[data-astro-cid-s6oksyhy]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--foreground-base);line-height:1}.mock-stat-label[data-astro-cid-s6oksyhy]{width:60px;height:6px;background:var(--foreground-muted);border-radius:3px;opacity:.25}.mock-stat-trend[data-astro-cid-s6oksyhy]{font-size:var(--font-size-xs);color:var(--foreground-system-success);font-weight:var(--font-weight-medium)}.mock-activity-item[data-astro-cid-s6oksyhy]{display:flex;align-items:center;gap:var(--size-8);padding:var(--size-8) var(--size-12);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:180px}.mock-activity-avatar[data-astro-cid-s6oksyhy]{width:28px;height:28px;border-radius:50%;background:var(--color-wisteria-200);flex-shrink:0}.mock-activity-content[data-astro-cid-s6oksyhy]{display:flex;flex-direction:column;gap:3px;flex:1}.mock-activity-title[data-astro-cid-s6oksyhy]{width:70px;height:7px;background:var(--foreground-base);border-radius:3px;opacity:.25}.mock-activity-desc[data-astro-cid-s6oksyhy]{width:50px;height:6px;background:var(--foreground-muted);border-radius:3px;opacity:.15}.mock-activity-time[data-astro-cid-s6oksyhy]{width:24px;height:6px;background:var(--foreground-muted);border-radius:3px;opacity:.15;flex-shrink:0}.mock-sortable-list[data-astro-cid-s6oksyhy]{display:flex;flex-direction:column;gap:var(--size-4);min-width:140px}.mock-sortable-item[data-astro-cid-s6oksyhy]{display:flex;align-items:center;gap:var(--size-8);padding:var(--size-6) var(--size-8);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-sm)}.mock-drag-handle[data-astro-cid-s6oksyhy]{width:8px;height:14px;background-image:radial-gradient(circle,var(--foreground-muted) 1.5px,transparent 1.5px);background-size:4px 4px;opacity:.4;flex-shrink:0}.mock-sortable-bar[data-astro-cid-s6oksyhy]{flex:1;height:8px;background:var(--background-muted);border-radius:4px}.mock-app-rail[data-astro-cid-s6oksyhy]{display:flex;flex-direction:column;gap:var(--size-6);padding:var(--size-8);background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md);width:36px}.mock-rail-icon[data-astro-cid-s6oksyhy]{width:20px;height:20px;background:var(--background-muted);border-radius:var(--radius-sm)}.mock-rail-icon[data-astro-cid-s6oksyhy].active{background:var(--background-interactive-primary)}.mock-builder-layout[data-astro-cid-s6oksyhy]{display:flex;width:160px;height:80px;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--background-base)}.mock-builder-panel[data-astro-cid-s6oksyhy]{width:48px;background:var(--background-raised);border-right:1px solid var(--border-default)}.mock-builder-main[data-astro-cid-s6oksyhy]{flex:1;background:var(--background-base)}.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-md);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}}