:root,[data-theme=light]{--bg:#fff;--fg:#0b0f17;--muted:#64748b;--border:#e2e8f0;--primary:#2563eb;--primary-fg:#fff;--accent:#f1f5f9;--accent-fg:#334155}[data-theme=dark]{--bg:#0b0f17;--fg:#e5e7eb;--muted:#94a3b8;--border:#374151;--primary:#60a5fa;--primary-fg:#0b0f17;--accent:#1f2937;--accent-fg:#d1d5db}[data-theme=ocean]{--bg:#0b1c26;--fg:#e6f2f8;--muted:#7dd3fc;--border:#164e63;--primary:#0ea5e9;--primary-fg:#08222b;--accent:#0c4a6e;--accent-fg:#bae6fd}[data-theme=emerald]{--bg:#0d1f17;--fg:#e6f6ef;--muted:#6ee7b7;--border:#14532d;--primary:#10b981;--primary-fg:#062118;--accent:#166534;--accent-fg:#bbf7d0}[data-theme=sunset]{--bg:#1b0f12;--fg:#fde2e4;--muted:#fb923c;--border:#7c2d12;--primary:#f97316;--primary-fg:#2a1200;--accent:#9a3412;--accent-fg:#fed7aa}[data-theme=grape]{--bg:#140b1a;--fg:#efe7f7;--muted:#a78bfa;--border:#581c87;--primary:#8b5cf6;--primary-fg:#0e0620;--accent:#6b21a8;--accent-fg:#ddd6fe}[data-theme=slate]{--bg:#0f172a;--fg:#e2e8f0;--muted:#94a3b8;--border:#475569;--primary:#64748b;--primary-fg:#0b1220;--accent:#334155;--accent-fg:#cbd5e1}[data-theme=amber]{--bg:#1a1300;--fg:#fff4d6;--muted:#fbbf24;--border:#92400e;--primary:#f59e0b;--primary-fg:#221800;--accent:#b45309;--accent-fg:#fef3c7}body[data-theme]{background-color:var(--bg);color:var(--fg);transition:background-color .3s ease,color .3s ease}.bg-background{background-color:var(--bg)!important}.text-foreground{color:var(--fg)!important}.text-muted-foreground{color:var(--muted)!important}.border{border-color:var(--border)!important}.bg-primary{background-color:var(--primary)!important;color:var(--primary-fg)!important}.text-primary{color:var(--primary)!important}.bg-accent{background-color:var(--accent)!important;color:var(--accent-fg)!important}.form-container{color:var(--fg)}.card,.form-container{background-color:var(--bg)}.card{border-color:var(--border)}button[data-variant=primary]{background-color:var(--primary);color:var(--primary-fg)}button[data-variant=outline]{border-color:var(--border);background-color:transparent;color:var(--fg)}button[data-variant=outline]:hover{background-color:var(--accent)}.theme-swatch{display:flex;align-items:center;gap:4px;padding:8px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;min-width:0;flex:1}.theme-swatch:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.theme-swatch[data-selected=true]{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.2)}.theme-swatch-preview{display:flex;flex-direction:column;gap:2px;min-width:32px}.theme-swatch-bg{width:16px;height:8px;border-radius:2px}.theme-swatch-colors{display:flex;gap:2px}.theme-swatch-accent,.theme-swatch-primary{width:8px;height:8px;border-radius:2px}.theme-swatch-text{font-size:10px;font-weight:600;margin-left:4px;min-width:16px}@media (min-width:768px){.theme-grid-desktop{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:16px}}@media (min-width:640px) and (max-width:767px){.theme-grid-tablet{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:12px}}@media (max-width:639px){.theme-grid-mobile{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}}.theme-selector-container{width:100%;overflow-x:hidden}.theme-swatch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-swatch[aria-pressed=true] .theme-swatch-text:after{content:" ✓";color:var(--primary)}.theme-loading{opacity:.7;pointer-events:none}.theme-error{background-color:#fef2f2;color:#991b1b;border-color:#fca5a5}