@charset "UTF-8";:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--violet-50: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--green-50: #f0fdf4;--green-100: #dcfce7;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--red-50: #fef2f2;--red-100: #fee2e2;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--font-family-sans: "Inter Variable", "Inter", system-ui, sans-serif;--font-family-mono: "JetBrains Mono Variable", "JetBrains Mono", monospace;--font-family-prose: "Lora Variable", "Lora", Georgia, serif;--radius-none: 0;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px}[data-theme=rhombus-light]{--bg: #f8fafc;--bg-subtle: #f1f5f9;--surface-0: #ffffff;--surface-1: #f1f5f9;--surface-2: #e2e8f0;--surface-3: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-disabled: #cbd5e1;--text-accent: #7c3aed;--text-on-accent: #ffffff;--border: #e2e8f0;--border-strong: #94a3b8;--border-accent: #ddd6fe;--focus-ring: rgb(124 58 237 / .22);--focus-border: #7c3aed;--error: #dc2626;--error-bg: #fef2f2;--btn-primary-bg: #7c3aed;--btn-primary-text: #ffffff;--btn-primary-hover: #6d28d9;--nav-active-bg: #f5f3ff;--nav-active-text: #6d28d9;--switch-track-off: #cbd5e1;--switch-track-on: #7c3aed;--tooltip-bg: #0f172a;--tooltip-text: #ffffff;--toast-info-bg: #f1f5f9;--toast-info-text: #334155;--toast-success-bg: #f0fdf4;--toast-success-text: #15803d;--toast-warning-bg: #fffbeb;--toast-warning-text: #b45309;--toast-error-bg: #fef2f2;--toast-error-text: #b91c1c;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-btn-primary: 0 1px 2px 0 rgb(124 58 237 / .25);--font-sans: var(--font-family-sans);--font-mono: var(--font-family-mono);--font-prose: var(--font-family-prose);--status-draft-bg: #fffbeb;--status-draft-text: #b45309;--status-published-bg: #f0fdf4;--status-published-text: #15803d;--status-scheduled-bg: #f5f3ff;--status-scheduled-text: #7c3aed;--status-archived-bg: #f1f5f9;--status-archived-text: #64748b}[data-theme=rhombus-dark]{--bg: #020617;--bg-subtle: #0f172a;--surface-0: #0f172a;--surface-1: #1e293b;--surface-2: #334155;--surface-3: #475569;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #475569;--text-accent: #a78bfa;--text-on-accent: #ffffff;--border: #334155;--border-strong: #64748b;--border-accent: rgb(167 139 250 / .4);--focus-ring: rgb(167 139 250 / .28);--focus-border: #a78bfa;--error: #ef4444;--error-bg: #2a0a0a;--btn-primary-bg: #7c3aed;--btn-primary-text: #ffffff;--btn-primary-hover: #6d28d9;--nav-active-bg: rgb(167 139 250 / .14);--nav-active-text: #f8fafc;--switch-track-off: #475569;--switch-track-on: #8b5cf6;--tooltip-bg: #334155;--tooltip-text: #ffffff;--toast-info-bg: #1e293b;--toast-info-text: #e2e8f0;--toast-success-bg: #002a0f;--toast-success-text: #22c55e;--toast-warning-bg: #2a1f00;--toast-warning-text: #f59e0b;--toast-error-bg: #2a0a0a;--toast-error-text: #ef4444;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-btn-primary: 0 1px 2px 0 rgb(0 0 0 / .4);--font-sans: var(--font-family-sans);--font-mono: var(--font-family-mono);--font-prose: var(--font-family-prose);--status-draft-bg: #2a1f00;--status-draft-text: #f59e0b;--status-published-bg: #002a0f;--status-published-text: #22c55e;--status-scheduled-bg: #1a0a3a;--status-scheduled-text: #a78bfa;--status-archived-bg: #1e293b;--status-archived-text: #94a3b8}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4}body{margin:0;background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5}img,svg,video{display:block;max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:var(--text-accent);text-decoration-skip-ink:auto}ul,ol{padding-left:1.5em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:1px solid var(--focus-border);box-shadow:0 0 0 4px var(--focus-ring)}.rhombus-focus-ring:focus-visible{outline:1px solid var(--focus-border);box-shadow:0 0 0 4px var(--focus-ring);border-radius:var(--radius-md)}.rhombus-prose{color:var(--text-primary);font-family:var(--font-prose);font-size:1.125rem;line-height:1.75;max-width:65ch}.rhombus-prose h2,.rhombus-prose h3,.rhombus-prose h4{font-family:var(--font-sans);font-weight:600;color:var(--text-primary);line-height:1.3;margin-top:2em;margin-bottom:.5em}.rhombus-prose h2{font-size:1.5em}.rhombus-prose h3{font-size:1.25em}.rhombus-prose h4{font-size:1em}.rhombus-prose p{margin-top:1.25em;margin-bottom:1.25em}.rhombus-prose a{color:var(--text-accent);text-decoration:underline;text-underline-offset:3px}.rhombus-prose blockquote{border-left:3px solid var(--border-strong);padding-left:1em;color:var(--text-secondary);font-style:italic;margin-left:0}.rhombus-prose code{font-family:var(--font-mono);font-size:.875em;background-color:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.125em .375em}.rhombus-prose pre{background-color:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:1em 1.25em;overflow-x:auto}.rhombus-prose pre code{background:none;border:none;padding:0;font-size:.875em}.rhombus-prose table{width:100%;border-collapse:collapse;font-size:.875em}.rhombus-prose th,.rhombus-prose td{border:1px solid var(--border);padding:.5em .75em;text-align:left}.rhombus-prose th{background-color:var(--surface-1);font-weight:600}.rhombus-prose ul,.rhombus-prose ol{padding-left:1.5em}.rhombus-prose li{margin-top:.25em;margin-bottom:.25em}.rhombus-prose hr{border:none;border-top:1px solid var(--border);margin:2em 0}:root{--mat-sys-primary: var(--btn-primary-bg);--mat-sys-on-primary: var(--btn-primary-text);--mat-sys-primary-container: var(--surface-2);--mat-sys-on-primary-container: var(--text-primary);--mat-sys-secondary: var(--text-secondary);--mat-sys-on-secondary: var(--bg);--mat-sys-secondary-container: var(--surface-1);--mat-sys-on-secondary-container: var(--text-primary);--mat-sys-surface: var(--surface-0);--mat-sys-on-surface: var(--text-primary);--mat-sys-surface-variant: var(--surface-1);--mat-sys-on-surface-variant: var(--text-secondary);--mat-sys-background: var(--bg);--mat-sys-surface-container: var(--surface-1);--mat-sys-surface-container-high: var(--surface-2);--mat-sys-outline: var(--border);--mat-sys-outline-variant: var(--border);--mat-sys-error: var(--error);--mat-sys-error-container: var(--error-bg);--mat-sys-on-error: var(--bg);--mat-sys-on-error-container: var(--error);--mat-sys-shadow: var(--shadow-md);--mat-sys-secondary-fixed-dim: var(--focus-ring);--mat-sys-hover-state-layer-opacity: .08;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-pressed-state-layer-opacity: .12;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-corner-none: 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-small: 8px;--mat-sys-corner-medium: 12px;--mat-sys-corner-large: 16px;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-full: 9999px;--mat-sys-plain-family: var(--font-sans);--mat-sys-brand-family: var(--font-sans);--mat-sys-bold-font-weight: 700;--mat-sys-medium-font-weight: 500;--mat-sys-regular-font-weight: 400;--mat-sys-label-large-font: var(--font-sans);--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium-font: var(--font-sans);--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small-font: var(--font-sans);--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-body-medium-font: var(--font-sans);--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-title-medium-font: var(--font-sans);--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500}:root{--mat-button-filled-container-shape: 8px;--mat-button-outlined-container-shape: 8px;--mat-button-text-container-shape: 8px;--mat-card-elevated-container-shape: 12px;--mat-card-outlined-container-shape: 12px;--mat-chip-container-shape-radius: 9999px;--mat-form-field-error-text-color: var(--error);--mat-form-field-outlined-label-text-color: var(--text-secondary);--mat-form-field-outlined-focus-label-text-color: var(--text-accent);--mat-form-field-outlined-container-shape: 8px;--mat-form-field-filled-container-shape: 8px;--mat-form-field-subscript-text-size: .75rem;--mat-select-focused-arrow-color: var(--focus-ring);--mat-select-enabled-arrow-color: var(--text-secondary);--mat-table-background-color: transparent;--mat-table-header-headline-color: var(--text-secondary);--mat-table-row-item-label-text-color: var(--text-primary);--mat-table-row-item-outline-color: var(--border);--mat-paginator-container-background-color: transparent;--mat-paginator-container-text-color: var(--text-secondary);--mat-paginator-container-text-size: .75rem;--mat-paginator-select-trigger-text-size: .75rem;--mat-sort-arrow-color: var(--text-accent);--mat-progress-spinner-active-indicator-color: var(--text-accent);--mat-progress-bar-active-indicator-color: var(--text-accent);--mat-progress-bar-track-color: var(--surface-2);--mat-tab-active-label-text-color: var(--text-accent);--mat-tab-active-focus-label-text-color: var(--text-accent);--mat-tab-active-hover-label-text-color: var(--text-accent);--mat-tab-active-indicator-color: var(--text-accent);--mat-tab-active-focus-indicator-color: var(--text-accent);--mat-tab-active-hover-indicator-color: var(--text-accent);--mat-tab-active-ripple-color: var(--text-accent);--mat-tab-inactive-label-text-color: var(--text-secondary);--mat-tab-inactive-ripple-color: var(--text-secondary);--mat-tab-label-text-size: .875rem;--mat-menu-container-color: var(--surface-0);--mat-menu-item-label-text-color: var(--text-primary);--mat-menu-item-icon-color: var(--text-secondary);--mat-dialog-container-color: var(--surface-0);--mat-dialog-container-shape: 12px;--mat-dialog-subhead-color: var(--text-primary);--mat-dialog-subhead-size: 1.125rem;--mat-dialog-subhead-weight: 600;--mat-dialog-supporting-text-color: var(--text-secondary);--mat-tooltip-container-color: var(--tooltip-bg);--mat-tooltip-supporting-text-color: var(--tooltip-text);--mat-tooltip-supporting-text-size: .75rem;--mat-tooltip-supporting-text-line-height: 1rem}:root .rhombus-toast--info{--mat-snack-bar-container-color: var(--toast-info-bg);--mat-snack-bar-supporting-text-color: var(--toast-info-text);--mat-snack-bar-button-color: var(--toast-info-text)}:root .rhombus-toast--success{--mat-snack-bar-container-color: var(--toast-success-bg);--mat-snack-bar-supporting-text-color: var(--toast-success-text);--mat-snack-bar-button-color: var(--toast-success-text)}:root .rhombus-toast--warning{--mat-snack-bar-container-color: var(--toast-warning-bg);--mat-snack-bar-supporting-text-color: var(--toast-warning-text);--mat-snack-bar-button-color: var(--toast-warning-text)}:root .rhombus-toast--error{--mat-snack-bar-container-color: var(--toast-error-bg);--mat-snack-bar-supporting-text-color: var(--toast-error-text);--mat-snack-bar-button-color: var(--toast-error-text)}:root{--mat-sidenav-container-background-color: var(--surface-1);--mat-sidenav-container-text-color: var(--text-secondary);--mat-sidenav-content-background-color: var(--bg);--mat-sidenav-content-text-color: var(--text-primary);--mat-toolbar-container-background-color: var(--surface-1);--mat-toolbar-container-text-color: var(--text-primary)}.mat-mdc-progress-spinner svg{max-width:none}.rhombus-badge[data-variant=primary]{--mat-badge-background-color: var(--btn-primary-bg);--mat-badge-text-color: var(--btn-primary-text)}.rhombus-badge[data-variant=success]{--mat-badge-background-color: var(--status-published-bg);--mat-badge-text-color: var(--status-published-text)}.rhombus-badge[data-variant=warning]{--mat-badge-background-color: var(--status-draft-bg);--mat-badge-text-color: var(--status-draft-text)}.rhombus-badge[data-variant=danger]{--mat-badge-background-color: var(--error);--mat-badge-text-color: var(--bg)}.rhombus-chip[data-variant=primary]{--mat-chip-container-color: var(--nav-active-bg);--mat-chip-elevated-container-color: var(--nav-active-bg);--mat-chip-label-text-color: var(--nav-active-text)}.rhombus-chip[data-variant=primary][aria-selected=true]{--mat-chip-selected-container-color: var(--btn-primary-bg);--mat-chip-elevated-selected-container-color: var(--btn-primary-bg);--mat-chip-selected-label-text-color: var(--btn-primary-text);--mat-chip-selected-leading-icon-color: var(--btn-primary-text);--mat-chip-selected-trailing-icon-color: var(--btn-primary-text);--mat-chip-with-icon-selected-icon-color: var(--btn-primary-text)}.rhombus-chip[data-variant=success]{--mat-chip-container-color: var(--status-published-bg);--mat-chip-elevated-container-color: var(--status-published-bg);--mat-chip-label-text-color: var(--status-published-text);--mat-chip-selected-container-color: var(--status-published-text);--mat-chip-elevated-selected-container-color: var(--status-published-text);--mat-chip-selected-label-text-color: var(--status-published-bg);--mat-chip-with-icon-icon-color: var(--status-published-text)}.rhombus-chip[data-variant=warning]{--mat-chip-container-color: var(--status-draft-bg);--mat-chip-elevated-container-color: var(--status-draft-bg);--mat-chip-label-text-color: var(--status-draft-text);--mat-chip-selected-container-color: var(--status-draft-text);--mat-chip-elevated-selected-container-color: var(--status-draft-text);--mat-chip-selected-label-text-color: var(--status-draft-bg);--mat-chip-with-icon-icon-color: var(--status-draft-text)}.rhombus-chip[data-variant=danger]{--mat-chip-container-color: var(--status-archived-bg);--mat-chip-elevated-container-color: var(--status-archived-bg);--mat-chip-label-text-color: var(--status-archived-text);--mat-chip-selected-container-color: var(--status-archived-text);--mat-chip-elevated-selected-container-color: var(--status-archived-text);--mat-chip-selected-label-text-color: var(--status-archived-bg);--mat-chip-with-icon-icon-color: var(--status-archived-text)}.rhombus-chip-group{display:flex;flex-wrap:wrap;gap:.5rem;font-family:var(--font-sans)}.rhombus-form-field{width:100%;font-family:var(--font-sans)}.rhombus-form-field input:focus-visible,.rhombus-form-field textarea:focus-visible,.rhombus-form-field mat-select:focus-visible{outline:none;box-shadow:none}.rhombus-form-field--sm{font-size:.75rem}.rhombus-form-field--md{font-size:.875rem}.rhombus-form-field--lg{font-size:1rem}.rhombus-form-field--outline{--mat-form-field-outlined-label-text-color: var(--text-secondary);--mat-form-field-outlined-focus-label-text-color: var(--text-accent);--mat-form-field-outlined-hover-label-text-color: var(--text-primary);--mat-form-field-outlined-outline-color: var(--border);--mat-form-field-outlined-hover-outline-color: var(--border-strong);--mat-form-field-outlined-focus-outline-color: var(--focus-border);--mat-form-field-outlined-input-text-color: var(--text-primary);--mat-form-field-outlined-input-text-placeholder-color: var(--text-muted)}.rhombus-form-field--fill{--mat-form-field-filled-label-text-color: var(--text-secondary);--mat-form-field-filled-focus-label-text-color: var(--text-accent);--mat-form-field-filled-hover-label-text-color: var(--text-primary);--mat-form-field-filled-container-color: var(--surface-1);--mat-form-field-filled-input-text-color: var(--text-primary);--mat-form-field-filled-input-text-placeholder-color: var(--text-muted)}html,body{margin:0;padding:0;background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans)}.showcase-page{max-width:1200px;margin:0 auto;padding:1.5rem 1rem;color:var(--text-primary);font-family:var(--font-sans)}@media(min-width:960px){.showcase-page{padding:2rem}}.showcase-page__header{margin-bottom:2rem}@media(min-width:960px){.showcase-page__header{margin-bottom:3rem}}.showcase-page__header h1{font-size:2rem;font-weight:700;margin:0 0 .5rem}.showcase-page__header p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0;max-width:60ch}.showcase-page__header code{font-family:var(--font-mono);font-size:.85em;background-color:var(--surface-1);padding:.1em .35em;border-radius:.25em}.showcase-section{margin-bottom:2.5rem}.showcase-section h2{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--text-secondary)}.showcase-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.component-page__header{margin-bottom:1rem}.component-page__tab{padding-top:1.75rem}.component-page__api-note{color:var(--text-secondary)}