:root{--accui-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--accui-font-mono: "Courier New", Courier, ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--strands-accent: var(--strands-custom-accent, #EA00A8);--accui-strands-accent: var(--strands-custom-accent, #EA00A8);--accui-strands-50: var(--strands-custom-50, color-mix(in srgb, var(--strands-accent) 10%, white));--accui-strands-100: var(--strands-custom-100, color-mix(in srgb, var(--strands-accent) 20%, white));--accui-strands-200: var(--strands-custom-200, color-mix(in srgb, var(--strands-accent) 30%, white));--accui-strands-300: var(--strands-custom-300, color-mix(in srgb, var(--strands-accent) 40%, white));--accui-strands-400: var(--strands-custom-400, color-mix(in srgb, var(--strands-accent) 70%, white));--accui-strands-500: var(--strands-custom-500, var(--strands-accent));--accui-strands-600: var(--strands-custom-600, color-mix(in srgb, var(--strands-accent) 85%, black));--accui-strands-700: var(--strands-custom-700, color-mix(in srgb, var(--strands-accent) 70%, black));--accui-strands-800: var(--strands-custom-800, color-mix(in srgb, var(--strands-accent) 55%, black));--accui-strands-900: var(--strands-custom-900, color-mix(in srgb, var(--strands-accent) 40%, black));--accui-strands-950: var(--strands-custom-950, color-mix(in srgb, var(--strands-accent) 25%, black));--accui-neutral-50: #fafafa;--accui-neutral-100: #f5f5f5;--accui-neutral-200: #e5e5e5;--accui-neutral-300: #d4d4d4;--accui-neutral-400: #a3a3a3;--accui-neutral-500: #737373;--accui-neutral-600: #525252;--accui-neutral-700: #404040;--accui-neutral-800: #262626;--accui-neutral-900: #171717;--accui-neutral-950: #0a0a0a;--accui-gray-50: #f9fafb;--accui-gray-100: #f3f4f6;--accui-gray-200: #e5e7eb;--accui-gray-300: #d1d5db;--accui-gray-400: #9ca3af;--accui-gray-500: #6b7280;--accui-gray-600: #4b5563;--accui-gray-700: #374151;--accui-gray-800: #1f2937;--accui-gray-900: #111827;--accui-gray-950: #030712;--accui-red-50: #fef2f2;--accui-red-100: #fee2e2;--accui-red-200: #fecaca;--accui-red-300: #fca5a5;--accui-red-400: #f87171;--accui-red-500: #ef4444;--accui-red-600: #dc2626;--accui-red-700: #b91c1c;--accui-red-800: #991b1b;--accui-red-900: #7f1d1d;--accui-green-50: #f0fdf4;--accui-green-100: #dcfce7;--accui-green-200: #bbf7d0;--accui-green-300: #86efac;--accui-green-400: #4ade80;--accui-green-500: #22c55e;--accui-green-600: #16a34a;--accui-green-700: #15803d;--accui-green-800: #166534;--accui-green-900: #14532d;--accui-yellow-50: #fefce8;--accui-yellow-100: #fef3c7;--accui-yellow-200: #fed7af;--accui-yellow-300: #fdba74;--accui-yellow-400: #fb923c;--accui-yellow-500: #f97316;--accui-yellow-600: #ea580c;--accui-yellow-700: #c2410c;--accui-yellow-800: #9a3412;--accui-yellow-900: #7c2d12;--accui-purple-50: #f5f3ff;--accui-purple-100: #ede9fe;--accui-purple-200: #ddd6fe;--accui-purple-300: #c4b5fd;--accui-purple-400: #a78bfa;--accui-purple-500: #8b5cf6;--accui-purple-600: #7c3aed;--accui-purple-700: #6d28d9;--accui-purple-800: #5b21b6;--accui-purple-900: #4c1d95;--accui-purple-950: #2e1065;--accui-space-0: 0;--accui-space-1: .25rem;--accui-space-2: .5rem;--accui-space-3: .75rem;--accui-space-4: 1rem;--accui-space-5: 1.25rem;--accui-space-6: 1.5rem;--accui-space-8: 2rem;--accui-space-10: 2.5rem;--accui-space-12: 3rem;--accui-space-16: 4rem;--accui-space-20: 5rem;--accui-space-24: 6rem;--accui-space-32: 8rem;--accui-radius-none: 0;--accui-radius-sm: .125rem;--accui-radius-md: .375rem;--accui-radius-lg: .5rem;--accui-radius-xl: .75rem;--accui-radius-2xl: 1rem;--accui-radius-full: 9999px;--accui-text-xs: .75rem;--accui-text-sm: .875rem;--accui-text-base: 1rem;--accui-text-lg: 1.125rem;--accui-text-xl: 1.25rem;--accui-text-2xl: 1.5rem;--accui-text-3xl: 1.875rem;--accui-text-4xl: 2.25rem;--accui-text-5xl: 3rem;--accui-text-6xl: 3.75rem;--accui-font-thin: 100;--accui-font-light: 300;--accui-font-normal: 400;--accui-font-medium: 500;--accui-font-semibold: 600;--accui-font-bold: 700;--accui-font-extrabold: 800;--accui-font-black: 900;--accui-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--accui-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--accui-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--accui-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--accui-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--accui-shadow-glow: 0 0 0 3px rgba(234, 0, 168, .2);--accui-shadow-soft: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);--accui-shadow-medium: 0 4px 16px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .08);--accui-shadow-large: 0 8px 32px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .1);--accui-z-0: 0;--accui-z-10: 10;--accui-z-20: 20;--accui-z-30: 30;--accui-z-40: 40;--accui-z-50: 50;--accui-transition-fast: .15s;--accui-transition-duration: .25s;--accui-animation-duration: .25s;--accui-bg-primary: #ffffff;--accui-bg-secondary: #f9fafb;--accui-bg-tertiary: #f3f4f6;--accui-text-primary: #111827;--accui-text-secondary: #6b7280;--accui-text-tertiary: #9ca3af;--accui-border-primary: #e5e7eb;--accui-border-secondary: #d1d5db;--accui-border-tertiary: #9ca3af;--accui-button-primary-background: var(--accui-strands-500);--accui-button-primary-background-hover: var(--accui-strands-600);--accui-button-primary-text: #ffffff;--accui-button-primary-border: transparent;--accui-button-secondary-background: #f0f0f0;--accui-button-secondary-background-hover: #e2e2e2;--accui-button-secondary-text: #000000;--accui-button-secondary-border: #f0f0f0;--accui-button-ghost-background: transparent;--accui-button-ghost-background-hover: var(--accui-bg-secondary);--accui-button-ghost-text: var(--accui-text-primary);--accui-button-ghost-border: transparent;--accui-button-outline-background: transparent;--accui-button-outline-background-hover: var(--accui-strands-50);--accui-button-outline-text: var(--accui-strands-500);--accui-button-outline-border: var(--accui-strands-500);--accui-input-background: var(--accui-bg-primary);--accui-input-background-focus: var(--accui-bg-primary);--accui-input-text: var(--accui-text-primary);--accui-input-placeholder: var(--accui-text-tertiary);--accui-input-border: var(--accui-border-primary);--accui-input-border-focus: var(--strands-accent, #EA00A8);--accui-input-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--strands-accent, #EA00A8) 10%, transparent);--accui-card-background: var(--accui-bg-primary);--accui-card-border: var(--accui-border-primary);--accui-card-shadow: 0 1px 3px 0 rgb(0 0 0 / .1);--accui-alert-success-background: #f0fdf4;--accui-alert-success-text: #15803d;--accui-alert-success-border: #bbf7d0;--accui-alert-error-background: #fef2f2;--accui-alert-error-text: #dc2626;--accui-alert-error-border: #fecaca;--accui-alert-warning-background: #fefce8;--accui-alert-warning-text: #ca8a04;--accui-alert-warning-border: #fde047;--accui-alert-info-background: #eff6ff;--accui-alert-info-text: #2563eb;--accui-alert-info-border: #bfdbfe;--accui-modal-background: var(--accui-bg-primary);--accui-modal-overlay: rgba(0, 0, 0, .5);--accui-modal-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--accui-toggle-background: var(--accui-border-secondary);--accui-toggle-background-active: var(--accui-strands-500);--accui-toggle-thumb: #ffffff;--accui-table-background: var(--accui-bg-primary);--accui-table-header-background: var(--accui-bg-secondary);--accui-table-header-text: var(--accui-text-primary);--accui-table-row-hover: var(--accui-bg-secondary);--accui-table-border: var(--accui-border-primary);--accui-table-cell-text: var(--accui-text-primary);--accui-colorpicker-background: var(--accui-bg-primary);--accui-colorpicker-border: var(--accui-border-primary);--accui-colorpicker-text: var(--accui-text-primary);--accui-colorpicker-input-background: var(--accui-bg-secondary);--accui-colorpicker-button-hover: var(--accui-bg-secondary);--accui-colorpicker-contrast-background: var(--accui-bg-secondary);--accui-avatar-background: var(--accui-bg-primary);--accui-avatar-border: var(--accui-border-primary);--accui-avatar-button-background: var(--accui-bg-secondary);--accui-avatar-button-hover: var(--accui-bg-tertiary);--accui-avatar-text: var(--accui-text-primary);--accui-tabs-background: var(--accui-bg-secondary);--accui-tabs-border: var(--accui-border-primary);--accui-tabs-button-text: var(--accui-text-secondary);--accui-tabs-button-text-active: var(--accui-text-primary);--accui-tabs-button-background: var(--accui-bg-primary);--accui-tabs-button-background-hover: var(--accui-bg-secondary);--accui-tabs-indicator: var(--accui-strands-500);--accui-divider-color: var(--accui-border-primary);--accui-divider-text: var(--accui-text-secondary);--accui-auth-header-background: color-mix(in oklch, var(--accui-strands-accent) 50%, white 80%);--accui-auth-header-text: var(--accui-strands-500)}[data-theme=dark]{--strands-accent: var(--strands-custom-accent, #EA00A8);--accui-strands-accent: var(--strands-custom-accent, #EA00A8);--accui-strands-50: var(--strands-custom-50, color-mix(in srgb, var(--strands-accent) 10%, white));--accui-strands-100: var(--strands-custom-100, color-mix(in srgb, var(--strands-accent) 20%, white));--accui-strands-200: var(--strands-custom-200, color-mix(in srgb, var(--strands-accent) 30%, white));--accui-strands-300: var(--strands-custom-300, color-mix(in srgb, var(--strands-accent) 40%, white));--accui-strands-400: var(--strands-custom-400, color-mix(in srgb, var(--strands-accent) 70%, white));--accui-strands-500: var(--strands-custom-500, var(--strands-accent));--accui-strands-600: var(--strands-custom-600, color-mix(in srgb, var(--strands-accent) 85%, black));--accui-strands-700: var(--strands-custom-700, color-mix(in srgb, var(--strands-accent) 70%, black));--accui-strands-800: var(--strands-custom-800, color-mix(in srgb, var(--strands-accent) 55%, black));--accui-strands-900: var(--strands-custom-900, color-mix(in srgb, var(--strands-accent) 40%, black));--accui-strands-950: var(--strands-custom-950, color-mix(in srgb, var(--strands-accent) 25%, black));--accui-bg-primary: #0f172a;--accui-bg-secondary: #1e293b;--accui-bg-tertiary: #334155;--accui-text-primary: #f8fafc;--accui-text-secondary: #cbd5e1;--accui-text-tertiary: #94a3b8;--accui-border-primary: #334155;--accui-border-secondary: #475569;--accui-border-tertiary: #64748b;--accui-button-secondary-background: var(--accui-bg-secondary);--accui-button-secondary-background-hover: var(--accui-bg-tertiary);--accui-button-secondary-text: var(--accui-text-primary);--accui-button-secondary-border: var(--accui-bg-secondary);--accui-button-ghost-background-hover: var(--accui-bg-tertiary);--accui-button-outline-background-hover: var(--accui-strands-950);--accui-button-outline-text: var(--accui-strands-400);--accui-button-outline-border: var(--accui-strands-400);--accui-input-shadow-focus: 0 0 0 3px rgba(234, 0, 168, .2);--accui-card-shadow: 0 4px 6px -1px rgb(0 0 0 / .3);--accui-alert-success-background: #0f2a1a;--accui-alert-success-text: #4ade80;--accui-alert-success-border: #16a34a;--accui-alert-error-background: #2a0f0f;--accui-alert-error-text: #f87171;--accui-alert-error-border: #dc2626;--accui-alert-warning-background: #2a2508;--accui-alert-warning-text: #fbbf24;--accui-alert-warning-border: #eab308;--accui-alert-info-background: #0f1a2a;--accui-alert-info-text: #60a5fa;--accui-alert-info-border: #3b82f6;--accui-modal-background: var(--accui-bg-secondary);--accui-modal-overlay: rgba(0, 0, 0, .7);--accui-modal-shadow: 0 25px 50px -12px rgb(0 0 0 / .5);--accui-toggle-background: var(--accui-border-tertiary);--accui-table-row-hover: var(--accui-bg-tertiary);--accui-colorpicker-background: var(--accui-bg-secondary);--accui-colorpicker-text: var(--accui-text-primary);--accui-colorpicker-input-background: var(--accui-bg-tertiary);--accui-colorpicker-button-hover: var(--accui-bg-tertiary);--accui-colorpicker-contrast-background: var(--accui-bg-primary);--accui-avatar-button-background: var(--accui-bg-tertiary);--accui-tabs-background: var(--accui-bg-tertiary);--accui-tabs-button-background: var(--accui-bg-secondary);--accui-tabs-button-background-hover: var(--accui-bg-primary);--accui-neutral-50: #0a0a0a;--accui-neutral-100: #171717;--accui-neutral-200: #262626;--accui-neutral-300: #404040;--accui-neutral-400: #525252;--accui-neutral-500: #737373;--accui-neutral-600: #a3a3a3;--accui-neutral-700: #d4d4d4;--accui-neutral-800: #e5e5e5;--accui-neutral-900: #f5f5f5;--accui-neutral-950: #fafafa;--accui-gray-50: #030712;--accui-gray-100: #111827;--accui-gray-200: #1f2937;--accui-gray-300: #374151;--accui-gray-400: #4b5563;--accui-gray-500: #6b7280;--accui-gray-600: #9ca3af;--accui-gray-700: #d1d5db;--accui-gray-800: #e5e7eb;--accui-gray-900: #f3f4f6;--accui-gray-950: #f9fafb;--accui-auth-header-background: color-mix(in oklch, var(--accui-strands-accent) 50%, black 80%);--accui-auth-header-text: var(--accui-strands-500)}.accui-component-scope{box-sizing:border-box;font-family:var(--accui-font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}.accui-component-scope *,.accui-component-scope *:before,.accui-component-scope *:after{box-sizing:border-box}.accui-component-scope img,.accui-component-scope canvas{display:block;max-width:100%}.accui-component-scope input,.accui-component-scope button,.accui-component-scope textarea,.accui-component-scope select{font:inherit}.accui-component-scope p,.accui-component-scope h1,.accui-component-scope h2,.accui-component-scope h3,.accui-component-scope h4,.accui-component-scope h5,.accui-component-scope h6{overflow-wrap:break-word;margin:0}.rounded-lg{border-radius:var(--accui-radius-lg)}.rounded-xl{border-radius:var(--accui-radius-xl)}.rounded-full{border-radius:var(--accui-radius-full)}.demo-section[data-v-590be913]{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 0}.demo-section-title[data-v-590be913]{font-size:1.75rem;font-weight:700;color:var(--accui-text-primary)}.demo-content[data-v-590be913]{display:flex;flex-direction:column;gap:2rem}.demo-subsection[data-v-33718a9a]{display:flex;flex-direction:column;gap:1rem}.demo-subsection-title[data-v-33718a9a]{font-size:1.25rem;font-weight:600;color:var(--accui-text-primary)}.demo-subsection-content[data-v-33718a9a]{display:flex;flex-direction:column;gap:1rem}.demo-button-row[data-v-17282e59]{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0}.demo-row-label[data-v-17282e59]{min-width:100px;font-weight:500;color:var(--accui-text-secondary);font-size:.875rem}.demo-button-group[data-v-17282e59]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.demo-button-group[data-v-17282e59]>*+*{margin-left:.75rem}@supports (gap: .75rem){.demo-button-group[data-v-17282e59]>*+*{margin-left:0}}.demo-button-row[data-v-e9a4e9bf]{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0}.demo-button-row-note[data-v-e9a4e9bf]{display:flex;justify-content:flex-start;align-items:center;margin-top:-.5rem;margin-bottom:.5rem;padding-left:calc(100px + 1.5rem)}.demo-row-label[data-v-e9a4e9bf]{min-width:100px;font-weight:500;color:var(--accui-text-secondary);font-size:.875rem}.demo-button-group[data-v-e9a4e9bf]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.demo-button-group[data-v-e9a4e9bf]>*+*{margin-left:.75rem}@supports (gap: .75rem){.demo-button-group[data-v-e9a4e9bf]>*+*{margin-left:0}}.demo-divider-row[data-v-e9a4e9bf]{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0}.demo-divider-container[data-v-e9a4e9bf]{flex:1;min-width:200px}.demo-typography-row[data-v-e9a4e9bf]{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0}.demo-typography-sample[data-v-e9a4e9bf]{flex:1}.demo-alert-row[data-v-e9a4e9bf]{display:flex;align-items:flex-start;gap:1.5rem;padding:.75rem 0}.demo-alert-container[data-v-e9a4e9bf]{flex:1}.demo-link-row[data-v-e9a4e9bf]{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0}.demo-link-container[data-v-e9a4e9bf]{flex:1}.demo-toggle-row[data-v-e9a4e9bf]{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0}.demo-toggle-container[data-v-e9a4e9bf]{flex:1}.demo-progress-row[data-v-e9a4e9bf]{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0}.demo-progress-container[data-v-e9a4e9bf]{flex:1;display:flex;justify-content:flex-start}.demo-modal-row[data-v-e9a4e9bf]{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0}.demo-modal-container[data-v-e9a4e9bf]{flex:1}.demo-modal-content[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:1rem}.demo-modal-footer-actions[data-v-e9a4e9bf]{display:flex;gap:.75rem;justify-content:flex-end}.demo-modal-actions[data-v-e9a4e9bf]{display:flex;gap:.75rem;margin-top:1rem}.demo-custom-trigger[data-v-e9a4e9bf]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--accui-border-primary);background:var(--accui-bg-primary);cursor:pointer;transition:all .2s ease}.demo-custom-trigger[data-v-e9a4e9bf]:hover{background:var(--accui-bg-secondary);border-color:var(--accui-border-secondary)}.demo-trigger-title[data-v-e9a4e9bf]{font-weight:500;color:var(--accui-text-primary);font-size:.875rem}.demo-trigger-subtitle[data-v-e9a4e9bf]{font-size:.75rem;color:var(--accui-text-secondary);margin-top:.25rem}.custom-close-btn[data-v-e9a4e9bf]{background:transparent;border:none;color:var(--accui-text-secondary);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.custom-close-btn[data-v-e9a4e9bf]:hover{background:var(--accui-bg-secondary);color:var(--accui-text-primary)}.demo-profile-content[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:1.25rem}.demo-loader-row[data-v-e9a4e9bf]{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0}.demo-loader-grid[data-v-e9a4e9bf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem}.demo-loader-item[data-v-e9a4e9bf]{display:flex;flex-direction:column;align-items:center;gap:.75rem}.demo-loader-label[data-v-e9a4e9bf]{font-size:.875rem;font-weight:500;color:var(--accui-text-secondary);text-align:center}.demo-loader-container[data-v-e9a4e9bf]{flex:1;display:flex;justify-content:flex-start;align-items:center}.demo-loader-container--dark[data-v-e9a4e9bf]{background-color:var(--accui-background-secondary);border-radius:6px;padding:1rem}.demo-loader-card[data-v-e9a4e9bf]{display:flex;justify-content:center;align-items:center;min-height:120px;background-color:gray!important}.demo-card-row[data-v-e9a4e9bf]{display:flex;align-items:flex-start;gap:1.5rem;padding:.75rem 0}.demo-card-container[data-v-e9a4e9bf]{flex:1;max-width:300px}.demo-cards-matrix[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:0;border:1px solid var(--accui-border-primary);border-radius:.5rem;overflow:hidden}.demo-cards-matrix-header[data-v-e9a4e9bf]{display:grid;grid-template-columns:140px repeat(5,1fr);background:var(--accui-bg-secondary);border-bottom:1px solid var(--accui-border-primary)}.demo-cards-matrix-row[data-v-e9a4e9bf]{display:grid;grid-template-columns:140px repeat(5,1fr);border-bottom:1px solid var(--accui-border-primary)}.demo-cards-matrix-row[data-v-e9a4e9bf]:last-child{border-bottom:none}.demo-cards-matrix-cell[data-v-e9a4e9bf]{padding:.75rem;border-right:1px solid var(--accui-border-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.demo-cards-matrix-cell[data-v-e9a4e9bf]:last-child{border-right:none}.demo-cards-matrix-corner[data-v-e9a4e9bf]{background:var(--accui-bg-tertiary)}.demo-cards-matrix-label[data-v-e9a4e9bf]{font-weight:500;color:var(--accui-text-primary);background:var(--accui-bg-secondary)}.demo-cards-matrix-row-label[data-v-e9a4e9bf]{font-weight:500;color:var(--accui-text-primary);background:var(--accui-bg-secondary);writing-mode:horizontal-tb;text-align:center;display:flex;align-items:center;justify-content:center}.demo-cards-options-grid[data-v-e9a4e9bf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.demo-cards-option-group[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:1rem}.demo-cards-option-title[data-v-e9a4e9bf]{font-size:1rem;font-weight:600;color:var(--accui-text-primary);margin:0}.demo-cards-option-items[data-v-e9a4e9bf]{display:flex;gap:1rem;flex-wrap:wrap}.demo-card-option-item[data-v-e9a4e9bf]{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;min-width:120px}.demo-card-option-label[data-v-e9a4e9bf]{font-size:.875rem;font-weight:500;color:var(--accui-text-secondary)}.demo-cards-slots[data-v-e9a4e9bf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.demo-card-slot-example[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:.5rem}.demo-card-slot-label[data-v-e9a4e9bf]{font-size:.875rem;font-weight:500;color:var(--accui-text-secondary)}@media (max-width: 768px){.demo-cards-matrix-header[data-v-e9a4e9bf],.demo-cards-matrix-row[data-v-e9a4e9bf]{grid-template-columns:100px repeat(5,1fr)}.demo-cards-matrix-cell[data-v-e9a4e9bf]{padding:.5rem;min-height:100px}.demo-cards-options-grid[data-v-e9a4e9bf],.demo-cards-slots[data-v-e9a4e9bf]{grid-template-columns:1fr}}.demo-tooltip-row[data-v-e9a4e9bf]{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0}.demo-tooltip-container[data-v-e9a4e9bf]{flex:1}.demo-button-group--aligned[data-v-e9a4e9bf]{align-items:center}.ui-demo-app[data-v-e9a4e9bf]{display:flex;justify-content:center}.ui-demo-container[data-v-e9a4e9bf]{width:100%;padding:1rem}.ui-demo-header[data-v-e9a4e9bf]{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.ui-demo-title[data-v-e9a4e9bf]{font-size:2.5rem;font-weight:800;color:var(--text-primary)}.ui-demo-subtitle[data-v-e9a4e9bf]{font-size:1.125rem;color:var(--text-secondary)}.ui-demo-features[data-v-e9a4e9bf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;text-align:left}.ui-demo-feature[data-v-e9a4e9bf]{padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.ui-demo-feature h3[data-v-e9a4e9bf]{font-size:1.125rem;font-weight:600;color:var(--accui-text-primary)}.ui-demo-feature p[data-v-e9a4e9bf]{font-size:.975rem;color:var(--accui-text-secondary);line-height:1.5}.ui-demo-section[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:2rem}.ui-demo-section-title[data-v-e9a4e9bf]{font-size:1.875rem;font-weight:700;color:var(--accui-text-primary)}.ui-demo-tab-content[data-v-e9a4e9bf]{padding:2rem 0}.ui-demo-subsection[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.ui-demo-subsection[data-v-e9a4e9bf]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.ui-demo-subsection-title[data-v-e9a4e9bf]{font-size:1.25rem;font-weight:600;color:var(--accui-text-primary);margin-bottom:.5rem}.ui-demo-subsection .ui-demo-description[data-v-e9a4e9bf]{font-size:.875rem;color:var(--accui-text-secondary);line-height:1.4}.ui-demo-section>.ui-demo-description[data-v-e9a4e9bf]{font-size:1rem;color:var(--accui-text-secondary);line-height:1.5}.ui-demo-button-group[data-v-e9a4e9bf]{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.ui-demo-button-group--aligned[data-v-e9a4e9bf]{align-items:flex-start}.ui-demo-color-variants-grid[data-v-e9a4e9bf]{display:grid;gap:2rem}.ui-demo-color-row[data-v-e9a4e9bf]{display:grid;grid-template-columns:120px 1fr;gap:1.5rem;align-items:center;padding:1rem;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.ui-demo-color-label[data-v-e9a4e9bf]{font-size:.875rem;font-weight:600;color:var(--accui-text-secondary);text-align:right}.ui-demo-squircle-showcase[data-v-e9a4e9bf]{display:grid;gap:2rem}.ui-demo-squircle-row[data-v-e9a4e9bf]{display:grid;grid-template-columns:120px 1fr;gap:1.5rem;align-items:center;padding:1rem;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.ui-demo-squircle-label[data-v-e9a4e9bf]{font-size:.875rem;font-weight:600;color:var(--accui-text-secondary);text-align:right}.ui-demo-loader-grid[data-v-e9a4e9bf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem;text-align:center}.ui-demo-loader-item[data-v-e9a4e9bf]{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.ui-demo-loader-label[data-v-e9a4e9bf]{font-size:.875rem;color:var(--accui-text-secondary);font-weight:500}.ui-demo-tabs-sizes[data-v-e9a4e9bf]{display:grid;gap:2rem}.ui-demo-size-example[data-v-e9a4e9bf]{padding:1.5rem;background:var(--accui-background-secondary);border-radius:8px;border:1px solid var(--accui-border-color)}.ui-demo-size-example h4[data-v-e9a4e9bf]{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--accui-text-primary)}.ui-demo-tabs-underline-widths[data-v-e9a4e9bf]{display:grid;gap:2rem}.ui-demo-underline-example[data-v-e9a4e9bf]{padding:1.5rem;background:var(--accui-background-secondary);border-radius:8px;border:1px solid var(--accui-border-color)}.ui-demo-underline-example h4[data-v-e9a4e9bf]{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--accui-text-primary)}.ui-demo-tabs-variants[data-v-e9a4e9bf]{display:grid;gap:2rem}.ui-demo-variant-example[data-v-e9a4e9bf]{padding:1.5rem;background:var(--accui-background-secondary);border-radius:8px;border:1px solid var(--accui-border-color)}.ui-demo-variant-example h4[data-v-e9a4e9bf]{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--accui-text-primary)}.ui-demo-content-grid[data-v-e9a4e9bf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem}.ui-demo-metric[data-v-e9a4e9bf]{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.ui-demo-metric-value[data-v-e9a4e9bf]{font-size:1.5rem;font-weight:800;color:var(--accui-primary)}.ui-demo-metric-label[data-v-e9a4e9bf]{font-size:.75rem;color:var(--accui-text-secondary);margin-top:.25rem}.ui-demo-feature-list[data-v-e9a4e9bf]{list-style:none;padding:0;margin:1rem 0 0}.ui-demo-feature-list li[data-v-e9a4e9bf]{padding:.5rem 0;border-bottom:1px solid #f3f4f6;color:var(--accui-text-secondary)}.ui-demo-feature-list li[data-v-e9a4e9bf]:last-child{border-bottom:none}.ui-demo-settings-list[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.ui-demo-setting-item[data-v-e9a4e9bf]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb}.ui-demo-setting-item span[data-v-e9a4e9bf]{color:var(--accui-text-primary);font-weight:500}.ui-demo-vertical-examples[data-v-e9a4e9bf]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.ui-demo-vertical-example[data-v-e9a4e9bf]{padding:1.5rem;background:var(--accui-background-secondary);border-radius:8px;border:1px solid var(--accui-border-color)}.ui-demo-vertical-example h4[data-v-e9a4e9bf]{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--accui-text-primary)}@media (max-width: 768px){.ui-demo-vertical-examples[data-v-e9a4e9bf]{grid-template-columns:1fr}}.ui-demo-vertical-sizes[data-v-e9a4e9bf]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.ui-demo-vertical-size-example[data-v-e9a4e9bf]{padding:1.5rem;background:var(--accui-background-secondary);border-radius:8px;border:1px solid var(--accui-border-color)}.ui-demo-vertical-size-example h5[data-v-e9a4e9bf]{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--accui-text-primary)}.ui-demo-vertical-size-example h6[data-v-e9a4e9bf]{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#1f2937}@media (max-width: 768px){.ui-demo-vertical-sizes[data-v-e9a4e9bf]{grid-template-columns:1fr}}.ui-demo-vertical-variants-grid[data-v-e9a4e9bf]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.ui-demo-vertical-variant-example[data-v-e9a4e9bf]{padding:1rem;background:var(--accui-background-secondary);border-radius:8px;border:1px solid var(--accui-border-color);display:flex;flex-direction:column;align-items:center}.ui-demo-vertical-variant-example h5[data-v-e9a4e9bf]{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--accui-text-primary);text-align:center}.ui-demo-profile-form[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:1rem}.ui-demo-form-group[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:.5rem}.ui-demo-form-group label[data-v-e9a4e9bf]{font-size:.875rem;font-weight:500;color:var(--accui-text-primary)}.ui-demo-textarea[data-v-e9a4e9bf]{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical}.ui-demo-preferences-list[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:1rem}.ui-demo-preference-item[data-v-e9a4e9bf]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb}.ui-demo-preference-info[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:.25rem}.ui-demo-preference-title[data-v-e9a4e9bf]{font-size:.875rem;font-weight:500;color:var(--accui-text-primary)}.ui-demo-preference-desc[data-v-e9a4e9bf]{font-size:.75rem;color:var(--accui-text-secondary)}.ui-demo-security-actions[data-v-e9a4e9bf]{display:flex;gap:.75rem;flex-wrap:wrap}.ui-demo-billing-summary[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:.75rem}.ui-demo-billing-item[data-v-e9a4e9bf]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb}@media (max-width: 768px){.ui-demo-vertical-sizes[data-v-e9a4e9bf]{grid-template-columns:1fr}.ui-demo-vertical-variants-grid[data-v-e9a4e9bf]{grid-template-columns:repeat(2,1fr)}}.ui-demo-toggle-grid[data-v-e9a4e9bf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem}.ui-demo-toggle-item[data-v-e9a4e9bf]{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.ui-demo-toggle-label[data-v-e9a4e9bf]{font-size:.875rem;color:var(--accui-text-secondary);font-weight:500;text-align:center}.ui-demo-input-grid[data-v-e9a4e9bf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.ui-demo-input-grid>.demo-input-wide[data-v-e9a4e9bf]{grid-column:1 / -1}@media (max-width: 640px){.ui-demo-input-grid[data-v-e9a4e9bf]>*{flex:1 1 100%;min-width:100%;max-width:100%}}.ui-demo-typography-sample[data-v-e9a4e9bf]{padding:2rem;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.ui-demo-font-title[data-v-e9a4e9bf]{font-size:1.125rem;font-weight:600;color:var(--accui-text-primary);margin-bottom:1rem}.ui-demo-font-body[data-v-e9a4e9bf]{font-size:1rem;color:var(--accui-text-secondary);line-height:1.6}.ui-demo-font-weights[data-v-e9a4e9bf]{display:flex;flex-wrap:wrap;gap:1rem}.ui-demo-font-weights span[data-v-e9a4e9bf]{padding:.5rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem}.ui-demo-font-normal[data-v-e9a4e9bf]{font-weight:400}.ui-demo-font-medium[data-v-e9a4e9bf]{font-weight:500}.ui-demo-font-semibold[data-v-e9a4e9bf]{font-weight:600}.ui-demo-font-bold[data-v-e9a4e9bf]{font-weight:700}.ui-demo-font-mono[data-v-e9a4e9bf],.ui-demo-typography-mono[data-v-e9a4e9bf]{font-family:Courier New,monospace}.ui-demo-typography-examples[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:1rem}.ui-demo-alert-stack[data-v-e9a4e9bf]>*+*{margin-top:1rem}.ui-demo-avatar[data-v-e9a4e9bf]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accui-primary);color:#fff;font-size:.75rem;font-weight:600}.ui-demo-status-badge[data-v-e9a4e9bf]{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.ui-demo-status-badge--success[data-v-e9a4e9bf]{background-color:#d1fae5;color:#065f46}.ui-demo-status-badge--warning[data-v-e9a4e9bf]{background-color:#fef3c7;color:#92400e}.ui-demo-table-actions[data-v-e9a4e9bf]{display:flex;gap:.5rem}.ui-demo-tooltip-grid[data-v-e9a4e9bf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.ui-demo-tooltip-examples[data-v-e9a4e9bf]{display:flex;flex-wrap:wrap;gap:1rem}.ui-demo-color-tooltip-grid[data-v-e9a4e9bf]{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem}.ui-demo-color-tooltip-grid .ui-tooltip-container[data-v-e9a4e9bf]{width:40px;height:40px;display:inline-block}.ui-demo-color-swatch[data-v-e9a4e9bf]{width:40px;height:40px;border-radius:8px;border:2px solid rgba(0,0,0,.1);cursor:pointer;transition:transform var(--transition-duration) ease-in-out}.ui-demo-color-swatch[data-v-e9a4e9bf]:hover{transform:scale(1.1)}.ui-demo-divider-showcase[data-v-e9a4e9bf]{display:grid;gap:2rem}.ui-demo-divider-showcase>div[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:.5rem}.ui-demo-label[data-v-e9a4e9bf]{font-size:.875rem;font-weight:500;color:var(--accui-text-secondary);text-align:center}.ui-demo-vertical-divider-container[data-v-e9a4e9bf]{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem}.ui-demo-layout-examples[data-v-e9a4e9bf]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.ui-demo-example-title[data-v-e9a4e9bf]{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--accui-text-primary)}.ui-demo-social-buttons[data-v-e9a4e9bf]{display:grid;gap:.5rem}.ui-demo-card-content[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:1.5rem}.ui-demo-form-group[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:.75rem}.ui-demo-content-section[data-v-e9a4e9bf]{padding:1rem 0}.ui-demo-content-section h5[data-v-e9a4e9bf]{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--accui-text-primary)}.ui-demo-content-section p[data-v-e9a4e9bf]{font-size:.875rem;color:var(--accui-text-secondary)}.ui-demo-content--large[data-v-e9a4e9bf]{width:100%}.ui-demo-color-picker-showcase[data-v-e9a4e9bf]{display:flex;gap:2rem;align-items:start}@media (max-width: 768px){.ui-demo-color-picker-showcase[data-v-e9a4e9bf]{flex-direction:column;gap:1.5rem}}.ui-demo-color-picker-container[data-v-e9a4e9bf]{display:flex;justify-content:center;min-width:0;overflow:hidden}.ui-demo-color-info[data-v-e9a4e9bf]{display:flex;flex-direction:column;width:300px;flex-shrink:0;gap:1rem}.ui-demo-color-preview-large[data-v-e9a4e9bf]{width:100%;height:100px;border-radius:8px;border:2px solid rgba(0,0,0,.1)}.ui-demo-color-values p[data-v-e9a4e9bf]{margin:.5rem 0;font-size:.875rem}.ui-demo-color-picker-simple[data-v-e9a4e9bf]{display:grid;grid-template-columns:repeat(3,400px);gap:1rem;align-items:flex-start;justify-items:center}@media (max-width: 768px){.ui-demo-color-picker-simple[data-v-e9a4e9bf]{grid-template-columns:1fr;gap:1.5rem}.ui-demo-color-picker-simple .label[data-v-e9a4e9bf]{text-align:left}}.ui-demo-color-picker-simple .label[data-v-e9a4e9bf]{font-size:.875rem;font-weight:500;color:var(--accui-text-secondary);text-align:center}.ui-demo-color-picker-buttons[data-v-e9a4e9bf]{display:flex;flex-wrap:wrap;gap:1.5rem}.ui-demo-color-picker-button-group[data-v-e9a4e9bf]{display:flex;align-items:center;gap:.5rem}.ui-demo-color-picker-contrast-demo[data-v-e9a4e9bf]{display:grid;gap:1.5rem}.ui-demo-contrast-controls[data-v-e9a4e9bf]{display:flex;gap:2rem}.ui-demo-contrast-control-group[data-v-e9a4e9bf]{display:flex;align-items:center;gap:.5rem}.ui-demo-contrast-preview[data-v-e9a4e9bf]{border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.ui-demo-contrast-preview-card[data-v-e9a4e9bf]{padding:2rem;transition:all var(--transition-duration) ease-in-out}.ui-demo-contrast-preview-card h4[data-v-e9a4e9bf]{margin:0 0 1rem;font-size:1.25rem;font-weight:600}.ui-demo-contrast-preview-card p[data-v-e9a4e9bf]{margin:.75rem 0;line-height:1.5}.ui-demo-contrast-preview-card .large-text[data-v-e9a4e9bf]{font-size:1.125rem;font-weight:500}.ui-demo-expanded-content[data-v-e9a4e9bf]{padding:1.5rem;background:#f9fafb;border-radius:8px;margin:1rem 0}.ui-demo-expanded-title[data-v-e9a4e9bf]{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--accui-text-primary)}.ui-demo-expanded-details[data-v-e9a4e9bf]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ui-demo-detail-item[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:.25rem}.ui-demo-detail-item strong[data-v-e9a4e9bf]{font-size:.875rem;font-weight:600;color:var(--accui-text-secondary)}.ui-demo-detail-item span[data-v-e9a4e9bf]{font-size:.875rem;color:var(--accui-text-secondary);word-break:break-all}.ui-demo-loader-item--dark[data-v-e9a4e9bf]{background:#374151;border:1px solid #4b5563}.ui-demo-loader-item--dark .ui-demo-loader-label[data-v-e9a4e9bf]{color:#f9fafb}.ui-demo-full-width-bar[data-v-e9a4e9bf]{display:flex;flex-direction:column;gap:.5rem}.demo-app[data-v-4209ce93]{min-height:100vh;background:var(--accui-bg-primary);color:var(--accui-text-primary)}.demo-container[data-v-4209ce93]{padding:1rem;display:flex;flex-direction:column;gap:3rem}.hero-navigation[data-v-4209ce93]{border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@container style(--strands-allow-squircle: 1){@supports (corner-shape: squircle){.hero-navigation[data-v-4209ce93]{border-radius:2rem;corner-shape:squircle}}}.demo-theme-controls[data-v-4209ce93]{display:flex;align-items:center;gap:.75rem}.demo-theme-selector[data-v-4209ce93]{background:var(--accui-bg-primary);border:1px solid var(--accui-border);border-radius:.375rem;padding:.375rem .5rem;font-size:.75rem;color:var(--accui-text-primary);cursor:pointer;min-width:100px}.demo-theme-selector[data-v-4209ce93]:focus{outline:2px solid var(--strands-accent);outline-offset:2px}.demo-content[data-v-4209ce93]{isolation:isolate}.demo-section-content[data-v-4209ce93]{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.demo-section-header[data-v-4209ce93]{text-align:center;margin-bottom:1.5rem}.demo-section-title[data-v-4209ce93]{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--strands-accent, #EA00A8) 0%,#FF6B9D 50%,#B8006F 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.demo-section-description[data-v-4209ce93]{color:var(--accui-text-secondary)}.demo-grid[data-v-4209ce93]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.demo-card[data-v-4209ce93]{background:var(--accui-bg-primary);border:1px solid var(--accui-border-primary);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.demo-card-title[data-v-4209ce93]{font-size:1.125rem;font-weight:600;color:var(--accui-text-primary);margin-bottom:1rem}.demo-card-description[data-v-4209ce93]{color:var(--accui-text-secondary);font-size:.875rem;margin-bottom:1rem}.demo-flex-center[data-v-4209ce93]{display:flex;justify-content:center;align-items:center;gap:.75rem}.demo-button[data-v-4209ce93]{background:var(--strands-accent, #EA00A8);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:500;cursor:pointer;transition:all var(--accui-transition-duration)}.demo-button[data-v-4209ce93]:hover{background:#b8006f;transform:translateY(-1px)}.demo-signed-out-content[data-v-4209ce93]{padding:1.5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem}.demo-signed-out-title[data-v-4209ce93]{font-weight:500;color:#1e3a8a;margin-bottom:.5rem}.demo-signed-out-description[data-v-4209ce93]{color:#1d4ed8;font-size:.875rem;margin-bottom:1rem}.demo-signed-in-content[data-v-4209ce93]{padding:1.5rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem}.demo-signed-in-title[data-v-4209ce93]{font-weight:500;color:#14532d;margin-bottom:.5rem}.demo-signed-in-description[data-v-4209ce93]{color:#15803d;font-size:.875rem;margin-bottom:1rem}.demo-fallback-content[data-v-4209ce93]{padding:1rem;background:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;text-align:center}.demo-fallback-text[data-v-4209ce93]{color:#6b7280;font-size:.875rem}.demo-fallback-button[data-v-4209ce93]{margin-top:.5rem;font-size:.75rem;color:#6b7280;text-decoration:underline;background:none;border:none;cursor:pointer}.demo-fallback-button[data-v-4209ce93]:hover{color:#374151}.demo-debug-section[data-v-4209ce93]{background:var(--accui-bg-primary);border:1px solid var(--accui-border-primary);border-radius:.75rem;padding:1.5rem}.demo-debug-item[data-v-4209ce93]{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.demo-debug-label[data-v-4209ce93]{font-weight:500}.demo-debug-badge[data-v-4209ce93]{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.demo-debug-badge.success[data-v-4209ce93]{background:#dcfce7;color:#166534}.demo-debug-badge.error[data-v-4209ce93]{background:#fef2f2;color:#991b1b}.demo-debug-badge.warning[data-v-4209ce93]{background:#fefce8;color:#a16207}.demo-debug-badge.neutral[data-v-4209ce93]{background:#f3f4f6;color:#374151}.demo-debug-code[data-v-4209ce93]{font-size:.75rem;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-family:ui-monospace,monospace}.demo-event-log[data-v-4209ce93]{margin-top:2rem;max-width:32rem;margin-left:auto;margin-right:auto}.demo-event-card[data-v-4209ce93]{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;border:1px solid #e5e7eb}.demo-event-title[data-v-4209ce93]{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1rem}.demo-event-list[data-v-4209ce93]{display:flex;flex-direction:column;gap:.5rem}.demo-event-item[data-v-4209ce93]{padding:.75rem;background:#f9fafb;border-radius:.5rem;font-size:.875rem;display:flex;justify-content:space-between;align-items:center}.demo-event-type[data-v-4209ce93]{font-family:ui-monospace,monospace;color:var(--strands-accent, #EA00A8);font-weight:500}.demo-event-message[data-v-4209ce93]{color:#6b7280;margin-left:.5rem}.demo-event-time[data-v-4209ce93]{color:#9ca3af;font-size:.75rem}.demo-clear-button[data-v-4209ce93]{margin-top:.75rem;font-size:.875rem;color:#6b7280;background:none;border:none;cursor:pointer;transition:color var(--accui-transition-duration)}.demo-clear-button[data-v-4209ce93]:hover{color:#374151}.auth-wrappers-container[data-v-4209ce93]{display:flex;flex-direction:column;gap:2rem}.auth-wrappers-header[data-v-4209ce93]{text-align:center;margin-bottom:1.5rem}.auth-wrappers-title[data-v-4209ce93]{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--strands-accent, #EA00A8) 0%,#FF6B9D 50%,#B8006F 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.auth-wrappers-description[data-v-4209ce93]{color:#525252}.auth-component-section[data-v-4209ce93]{border:1px solid #e5e5e5;border-radius:.75rem;padding:1.5rem}.auth-component-title[data-v-4209ce93]{font-size:1.125rem;font-weight:500;color:#171717;margin-bottom:1rem}.auth-component-description[data-v-4209ce93]{font-size:.875rem;color:#525252;margin-bottom:1rem}.signed-out-content[data-v-4209ce93]{padding:1.5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem}.signed-out-content-title[data-v-4209ce93]{font-weight:500;color:#1e3a8a;margin-bottom:.5rem}.signed-out-content-description[data-v-4209ce93]{color:#1d4ed8;font-size:.875rem;margin-bottom:1rem}.signed-out-content-button[data-v-4209ce93]{background:var(--strands-accent, #EA00A8);color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;font-weight:500;font-size:.875rem;cursor:pointer;width:auto}.signed-out-fallback[data-v-4209ce93]{padding:1rem;background:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;text-align:center}.signed-out-fallback-text[data-v-4209ce93]{color:#6b7280;font-size:.875rem}.signed-out-fallback-button[data-v-4209ce93]{margin-top:.5rem;font-size:.75rem;color:#6b7280;text-decoration:underline;background:none;border:none;cursor:pointer}.signed-out-fallback-button[data-v-4209ce93]:hover{color:#374151}.signed-in-content[data-v-4209ce93]{padding:1.5rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem}.signed-in-content-title[data-v-4209ce93]{font-weight:500;color:#14532d;margin-bottom:.5rem}.signed-in-content-description[data-v-4209ce93]{color:#15803d;font-size:.875rem;margin-bottom:1rem}.signed-in-content-actions[data-v-4209ce93]{display:flex;gap:.75rem}.signed-in-primary-button[data-v-4209ce93]{background:var(--strands-accent, #EA00A8);color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;font-weight:500;font-size:.875rem;cursor:pointer;width:auto}.signed-in-secondary-button[data-v-4209ce93]{background:#fff;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;width:auto}.signed-in-fallback[data-v-4209ce93]{padding:1rem;background:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;text-align:center}.signed-in-fallback-text[data-v-4209ce93]{color:#6b7280;font-size:.875rem}.signed-in-fallback-button[data-v-4209ce93]{margin-top:.5rem;font-size:.75rem;color:#6b7280;text-decoration:underline;background:none;border:none;cursor:pointer}.signed-in-fallback-button[data-v-4209ce93]:hover{color:#374151}.auth-debug-section[data-v-4209ce93]{border:1px solid #e5e5e5;border-radius:.75rem;padding:1.5rem}.auth-debug-title[data-v-4209ce93]{font-size:1.125rem;font-weight:500;color:#171717;margin-bottom:1rem}.auth-debug-content[data-v-4209ce93]{display:flex;flex-direction:column;gap:.75rem}.auth-debug-item[data-v-4209ce93]{display:flex;align-items:center;gap:.5rem}.auth-debug-item-user[data-v-4209ce93]{display:flex;align-items:flex-start;gap:.5rem}.auth-debug-label[data-v-4209ce93]{font-weight:500}.auth-debug-badge[data-v-4209ce93]{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.auth-debug-badge-success[data-v-4209ce93]{background:#dcfce7;color:#166534}.auth-debug-badge-error[data-v-4209ce93]{background:#fef2f2;color:#991b1b}.auth-debug-badge-warning[data-v-4209ce93]{background:#fefce8;color:#a16207}.auth-debug-badge-neutral[data-v-4209ce93]{background:#f3f4f6;color:#374151}.auth-debug-code[data-v-4209ce93]{font-size:.75rem;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-family:ui-monospace,monospace}.event-log-container[data-v-4209ce93]{margin-top:2rem;max-width:32rem;margin-left:auto;margin-right:auto}.event-log-card[data-v-4209ce93]{background:var(--accui-bg-primary);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;border:1px solid var(--accui-border-primary)}.event-log-title[data-v-4209ce93]{font-size:1.125rem;font-weight:600;color:var(--accui-text-primary);margin-bottom:1rem}.event-log-list[data-v-4209ce93]{display:flex;flex-direction:column;gap:.5rem}.event-log-item[data-v-4209ce93]{padding:.75rem;background:var(--accui-bg-secondary);border-radius:.5rem;font-size:.875rem;display:flex;justify-content:space-between;align-items:center}.event-log-type[data-v-4209ce93]{font-family:ui-monospace,monospace;color:var(--strands-accent, #EA00A8);font-weight:500}.event-log-message[data-v-4209ce93]{color:var(--accui-text-secondary);margin-left:.5rem}.event-log-time[data-v-4209ce93]{color:var(--accui-text-tertiary, #a3a3a3);font-size:.75rem}.event-log-clear-button[data-v-4209ce93]{margin-top:.75rem;font-size:.875rem;color:var(--accui-text-secondary);background:none;border:none;cursor:pointer;transition:color var(--accui-transition-duration)}.event-log-clear-button[data-v-4209ce93]:hover{color:var(--accui-text-primary)}@media (max-width: 768px){.demo-app[data-v-4209ce93]{padding:1rem 0}.demo-container[data-v-4209ce93]{padding:0 .5rem}.hero-banner[data-v-4209ce93]{padding:2rem;border-radius:1.5rem}.hero-title[data-v-4209ce93]{font-size:2.5rem}.hero-description[data-v-4209ce93]{font-size:1.125rem}.hero-content[data-v-4209ce93]{gap:2rem}.hero-navigation[data-v-4209ce93]{padding:.5rem;border-radius:.75rem}.demo-grid[data-v-4209ce93]{grid-template-columns:1fr}.signed-in-content-actions[data-v-4209ce93]{flex-direction:column;gap:.5rem}.event-log-item[data-v-4209ce93]{flex-direction:column;align-items:flex-start;gap:.25rem}}