:root{--color-page:#fafafc;--color-surface:#fff;--color-text:#18181b;--color-text-muted:#52525b;--color-divider:#e4e4e7;--color-focus:#1d4ed8;--color-primary:#1d4ed8;--color-primary-hover:#1e40af;--color-danger:#b91c1c;--color-danger-surface:#fef2f2;--color-warning:#92400e;--color-warning-surface:#fffbeb;--color-success:#166534;--color-success-surface:#f0fdf4;--color-preferred:#6d28d9;--color-preferred-surface:#f5f3ff;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius-control:.625rem;--radius-card:1rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--motion-fast:.15s}*{box-sizing:border-box}html{background:var(--color-page)}body{background:var(--color-page);min-width:20rem;color:var(--color-text);font-family:var(--font-sans);margin:0;font-size:1rem;line-height:1.5}button,input{font:inherit}button,input:not(:disabled){-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.app-shell{width:min(100% - 2rem,75rem);margin:0 auto;padding:clamp(3rem,8vw,7rem) 0}.app-shell h1{letter-spacing:-.06em;max-width:13ch;margin:0;font-size:clamp(3rem,8vw,5.5rem);line-height:.94}.app-shell p{max-width:38rem;margin:var(--space-5)0 0;color:var(--color-text-muted);font-size:clamp(1.125rem,2vw,1.375rem)}.ui-preview{width:min(100% - 2rem,56rem);padding:var(--space-12)0;margin:0 auto}.ui-preview__header{max-width:42rem}.ui-preview__eyebrow{margin:0 0 var(--space-2);color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;font-weight:700}.ui-preview h1,.ui-preview h2{letter-spacing:-.035em;margin:0}.ui-preview h1{font-size:clamp(2.25rem,7vw,4.5rem);line-height:1}.ui-preview h2{font-size:clamp(1.5rem,4vw,2rem)}.ui-preview__header>p:last-child{margin:var(--space-4)0 0;color:var(--color-text-muted);font-size:1.125rem}.ui-preview__section{margin-top:var(--space-12)}.ui-preview__section>h2{margin-bottom:var(--space-4)}.ui-preview__card{border:1px solid var(--color-divider);border-radius:var(--radius-card);background:var(--color-surface);padding:var(--space-5)}.ui-preview__stack{gap:var(--space-4);display:grid}.ui-preview__actions,.ui-preview__availability{gap:var(--space-3);flex-wrap:wrap;display:flex}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2)var(--space-5);cursor:pointer;transition:background-color var(--motion-fast)ease,border-color var(--motion-fast)ease,color var(--motion-fast)ease,transform var(--motion-fast)ease;border:1px solid #0000;border-radius:999px;font-weight:650;line-height:1.25;display:inline-flex}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button--primary{background:var(--color-primary);color:var(--color-surface)}.ui-button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.ui-button--secondary{background:var(--color-surface);color:var(--color-text);border-color:#a1a1aa}.ui-button--secondary:hover:not(:disabled){border-color:var(--color-text-muted);background:#f4f4f5}.ui-button--quiet{color:var(--color-primary);background:0 0}.ui-button--quiet:hover:not(:disabled){background:#eff6ff}.ui-field{gap:var(--space-2);display:grid}.ui-field__label{font-weight:650}.ui-field__input{border-radius:var(--radius-control);background:var(--color-surface);min-height:2.75rem;color:var(--color-text);padding:var(--space-2)var(--space-3);border:1px solid #71717a}.ui-field__input[aria-invalid=true]{border-color:var(--color-danger)}.ui-field__hint,.ui-field__error{margin:0;font-size:.875rem}.ui-field__hint{color:var(--color-text-muted)}.ui-field__error{color:var(--color-danger)}.ui-status{gap:var(--space-2);border-radius:var(--radius-control);padding:var(--space-3)var(--space-4);border:1px solid;font-size:.9375rem;display:flex}.ui-status__symbol{font-weight:750}.ui-status--info{color:#1e40af;background:#eff6ff}.ui-status--success{background:var(--color-success-surface);color:var(--color-success)}.ui-status--warning{background:var(--color-warning-surface);color:var(--color-warning)}.ui-status--error{background:var(--color-danger-surface);color:var(--color-danger)}.ui-availability{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border:1px solid;border-radius:999px;font-size:.875rem;font-weight:650;display:inline-flex}.ui-availability--unavailable{background:var(--color-danger-surface);color:var(--color-danger)}.ui-availability--fallback{background:var(--color-warning-surface);color:var(--color-warning)}.ui-availability--available{background:var(--color-success-surface);color:var(--color-success)}.ui-availability--preferred{background:var(--color-preferred-surface);color:var(--color-preferred)}.ui-availability--unset{background:var(--color-surface);color:var(--color-text-muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}