/* 3D SUPER GENERATOR - Multi-Theme System (v3 condensed) */

/* S1: Hero Design Button */
.hero-design-btn { background: linear-gradient(135deg, var(--accent, #4cc9f0), var(--accent2, #7b61ff)) !important; color: #fff !important; border-color: transparent !important; font-weight: 700 !important; box-shadow: 0 2px 12px rgba(76,201,240,.25); transition: transform .2s, box-shadow .2s !important; }
.hero-design-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 20px rgba(76,201,240,.35) !important; }

/* S2: Shared rules across themes */
body.theme-clean .gen-card::before, body.theme-clean .gen-card::after, body.theme-playful .gen-card::before, body.theme-playful .gen-card::after, body.theme-warm .gen-card::before, body.theme-warm .gen-card::after, body.theme-pastel .gen-card::before, body.theme-pastel .gen-card::after, body.theme-lavender .gen-card::before, body.theme-lavender .gen-card::after, body.theme-vivid .gen-card::before, body.theme-vivid .gen-card::after, body.theme-sakura .gen-card::before, body.theme-sakura .gen-card::after, body.theme-blocks .gen-card::before, body.theme-blocks .gen-card::after, body.theme-brutalist .gen-card::before, body.theme-brutalist .gen-card::after, body.theme-minimal .gen-card::before, body.theme-minimal .gen-card::after, body.theme-neumorphic .gen-card::before, body.theme-neumorphic .gen-card::after, body.theme-mono .gen-card::before, body.theme-mono .gen-card::after, body.theme-matrix .gen-card::after, body.theme-industrial .gen-card::after { display: none; }
body.theme-clean .gen-card, body.theme-playful .gen-card, body.theme-warm .gen-card, body.theme-pastel .gen-card, body.theme-lavender .gen-card, body.theme-vivid .gen-card, body.theme-sakura .gen-card, body.theme-blocks .gen-card, body.theme-minimal .gen-card, body.theme-neumorphic .gen-card, body.theme-industrial .gen-card, body.theme-matrix .gen-card { backdrop-filter: none; }
body.theme-clean .gen-card .badge, body.theme-playful .gen-card .badge, body.theme-warm .gen-card .badge, body.theme-pastel .gen-card .badge, body.theme-lavender .gen-card .badge, body.theme-vivid .gen-card .badge, body.theme-sakura .gen-card .badge, body.theme-blocks .gen-card .badge, body.theme-brutalist .gen-card .badge, body.theme-minimal .gen-card .badge, body.theme-neumorphic .gen-card .badge, body.theme-mono .gen-card .badge, body.theme-matrix .gen-card .badge, body.theme-industrial .gen-card .badge, body.theme-forge .gen-card .badge, body.theme-frost .gen-card .badge, body.theme-luxury .gen-card .badge, body.theme-obsidian .gen-card .badge, body.theme-cyber .gen-card .badge, body.theme-retro .gen-card .badge, body.theme-titanium .gen-card .badge, body.theme-sunset .gen-card .badge, body.theme-ocean .gen-card .badge, body.theme-navy .gen-card .badge, body.theme-ember .gen-card .badge { animation: none; }
body.theme-clean .hub-hero h1 em, body.theme-playful .hub-hero h1 em, body.theme-warm .hub-hero h1 em, body.theme-lavender .hub-hero h1 em, body.theme-vivid .hub-hero h1 em, body.theme-sakura .hub-hero h1 em, body.theme-blocks .hub-hero h1 em, body.theme-minimal .hub-hero h1 em, body.theme-neumorphic .hub-hero h1 em, body.theme-mono .hub-hero h1 em, body.theme-brutalist .hub-hero h1 em, body.theme-luxury .hub-hero h1 em, body.theme-obsidian .hub-hero h1 em, body.theme-forge .hub-hero h1 em, body.theme-titanium .hub-hero h1 em, body.theme-sunset .hub-hero h1 em, body.theme-ocean .hub-hero h1 em, body.theme-navy .hub-hero h1 em, body.theme-ember .hub-hero h1 em, body.theme-frost .hub-hero h1 em, body.theme-cyber .hub-hero h1 em, body.theme-retro .hub-hero h1 em, body.theme-pastel .hub-hero h1 em, body.theme-blueprint .hub-hero h1 em, body.theme-aurora .hub-hero h1 em, body.theme-matrix .hub-hero h1 em { animation: none; }
body.theme-clean .hub-stats .stat .val, body.theme-playful .hub-stats .stat .val, body.theme-warm .hub-stats .stat .val, body.theme-lavender .hub-stats .stat .val, body.theme-vivid .hub-stats .stat .val, body.theme-sakura .hub-stats .stat .val, body.theme-blocks .hub-stats .stat .val, body.theme-minimal .hub-stats .stat .val, body.theme-neumorphic .hub-stats .stat .val, body.theme-mono .hub-stats .stat .val, body.theme-brutalist .hub-stats .stat .val, body.theme-luxury .hub-stats .stat .val, body.theme-obsidian .hub-stats .stat .val, body.theme-forge .hub-stats .stat .val, body.theme-titanium .hub-stats .stat .val, body.theme-sunset .hub-stats .stat .val, body.theme-ocean .hub-stats .stat .val, body.theme-navy .hub-stats .stat .val, body.theme-ember .hub-stats .stat .val, body.theme-frost .hub-stats .stat .val, body.theme-cyber .hub-stats .stat .val, body.theme-retro .hub-stats .stat .val, body.theme-pastel .hub-stats .stat .val, body.theme-industrial .hub-stats .stat .val, body.theme-matrix .hub-stats .stat .val, body.theme-blueprint .hub-stats .stat .val, body.theme-aurora .hub-stats .stat .val { animation: none; }
body.theme-playful #topbar::after, body.theme-warm #topbar::after, body.theme-brutalist #topbar::after, body.theme-blocks #topbar::after, body.theme-minimal #topbar::after, body.theme-neumorphic #topbar::after { display: none; }

/* S3: Theme Variables */
body.theme-creative { --bg:#06081a;--bg2:#0c0f2a;--panel:#0e1230;--card:#141840;--card-hover:#1a2050;--border:#1e2560;--border-light:#2a3480;--accent:#7b61ff;--accent2:#4cc9f0;--accent3:#f72585;--accent-glow:rgba(123,97,255,.15);--glass:rgba(20,24,64,.55);--glass-border:rgba(123,97,255,.15);--glow-sm:0 0 12px rgba(123,97,255,.25);--glow-md:0 0 24px rgba(123,97,255,.3); }
body.theme-industrial { --bg:#0a1a0a;--bg2:#0d1f0d;--panel:#0f250f;--card:#122812;--card-hover:#183018;--border:#1a3a1a;--border-light:#2a4a2a;--text:#c8e6c8;--text-dim:#88aa88;--text-muted:#5a7a5a;--accent:#00ff41;--accent2:#39ff14;--accent3:#ff6600;--accent-glow:rgba(0,255,65,.12);--glass:rgba(10,26,10,.7);--glass-border:rgba(0,255,65,.12);--glow-sm:0 0 12px rgba(0,255,65,.2);--glow-md:0 0 24px rgba(0,255,65,.25);--font:'Courier New','SF Mono','Cascadia Code',monospace; }
body.theme-clean { --bg:#f5f7fa;--bg2:#fff;--panel:#fff;--card:#fff;--card-hover:#f0f4f8;--border:#e2e8f0;--border-light:#cbd5e1;--text:#1e293b;--text-dim:#475569;--text-muted:#94a3b8;--accent:#2563eb;--accent2:#0ea5e9;--accent3:#8b5cf6;--accent-glow:rgba(37,99,235,.08);--glass:rgba(255,255,255,.8);--glass-border:rgba(37,99,235,.1);--glow-sm:0 1px 6px rgba(0,0,0,.06);--glow-md:0 2px 12px rgba(0,0,0,.08);--ok:#16a34a;--warn:#ca8a04;--err:#dc2626; }
body.theme-playful { --bg:#fffde7;--bg2:#fff8e1;--panel:#fff;--card:#fff;--card-hover:#fff9c4;--border:#ffe082;--border-light:#ffd54f;--text:#3e2723;--text-dim:#5d4037;--text-muted:#8d6e63;--accent:#e65100;--accent2:#f9a825;--accent3:#d32f2f;--accent-glow:rgba(230,81,0,.08);--glass:rgba(255,255,255,.85);--glass-border:rgba(255,224,130,.4);--glow-sm:0 2px 8px rgba(0,0,0,.06);--glow-md:0 4px 16px rgba(0,0,0,.08);--ok:#2e7d32;--warn:#f9a825;--err:#d32f2f; }
body.theme-warm { --bg:#fdf0e6;--bg2:#f5e6d3;--panel:#faf4ee;--card:#faf4ee;--card-hover:#f0e4d4;--border:#dcc8b0;--border-light:#c9a882;--text:#3e2723;--text-dim:#5d4037;--text-muted:#8d6e63;--accent:#c27a4f;--accent2:#a1887f;--accent3:#6d4c41;--accent-glow:rgba(194,122,79,.1);--glass:rgba(250,244,238,.85);--glass-border:rgba(220,200,176,.5);--glow-sm:0 1px 6px rgba(0,0,0,.04);--glow-md:0 2px 12px rgba(0,0,0,.06);--ok:#558b2f;--warn:#c27a4f;--err:#c62828; }
body.theme-retro { --bg:#0a0025;--bg2:#120035;--panel:#150040;--card:#1a004d;--card-hover:#22005e;--border:#2a0070;--border-light:#3d0099;--text:#e0d0ff;--text-dim:#b0a0d0;--text-muted:#7a6aaa;--accent:#00ffff;--accent2:#ff00ff;--accent3:#ff3399;--accent-glow:rgba(0,255,255,.12);--glass:rgba(26,0,77,.7);--glass-border:rgba(0,255,255,.15);--glow-sm:0 0 12px rgba(0,255,255,.2);--glow-md:0 0 24px rgba(0,255,255,.25);--ok:#00ff88;--warn:#ffff00;--err:#ff3366; }
body.theme-minimal { --bg:#000;--bg2:#0a0a0a;--panel:#0f0f0f;--card:#111;--card-hover:#1a1a1a;--border:#222;--border-light:#333;--text:#fff;--text-dim:#999;--text-muted:#666;--accent:#2979ff;--accent2:#2979ff;--accent3:#2979ff;--accent-glow:rgba(41,121,255,.1);--glass:rgba(10,10,10,.9);--glass-border:rgba(255,255,255,.06);--glow-sm:none;--glow-md:none;--glow-lg:none; }
body.theme-neumorphic { --bg:#3a3f4b;--bg2:#3a3f4b;--panel:#3a3f4b;--card:#3a3f4b;--card-hover:#404552;--border:transparent;--border-light:transparent;--text:#d4d4d4;--text-dim:#a0a0a0;--text-muted:#777;--accent:#ffc67d;--accent2:#ffc67d;--accent3:#ff9f43;--glass:#3a3f4b;--glass-border:transparent;--glow-sm:none;--glow-md:none; }
body.theme-brutalist { --bg:#e8e4de;--bg2:#e8e4de;--panel:#e8e4de;--card:#e8e4de;--card-hover:#ddd8d0;--border:#000;--border-light:#000;--text:#000;--text-dim:#333;--text-muted:#666;--accent:#000;--accent2:#000;--accent3:#000;--glass:#e8e4de;--glass-border:#000;--glow-sm:none;--glow-md:none;--font:'Arial Black','Impact','Helvetica Neue',sans-serif; }
body.theme-luxury { --bg:#0a0a0a;--bg2:#111;--panel:#141414;--card:#181818;--card-hover:#1e1e1e;--border:#2a2a2a;--border-light:#333;--text:#e8e0d0;--text-dim:#a09080;--text-muted:#706050;--accent:#c9a84c;--accent2:#d4b85a;--accent3:#8b6914;--accent-glow:rgba(201,168,76,.1);--glass:rgba(20,20,20,.9);--glass-border:rgba(201,168,76,.12);--glow-sm:0 0 12px rgba(201,168,76,.15);--glow-md:0 0 24px rgba(201,168,76,.2); }
body.theme-blocks { --bg:#f8f8f8;--bg2:#fff;--panel:#fff;--card:#fff;--card-hover:#f0f0f0;--border:#e0e0e0;--border-light:#ccc;--text:#333;--text-dim:#555;--text-muted:#888;--accent:#e65100;--accent2:#00897b;--accent3:#1565c0;--glass:rgba(255,255,255,.9);--glass-border:rgba(0,0,0,.06);--glow-sm:0 2px 8px rgba(0,0,0,.06);--ok:#2e7d32;--warn:#f9a825;--err:#d32f2f; }
body.theme-cyber { --bg:#0a0020;--bg2:#100030;--panel:#120038;--card:#150040;--card-hover:#1c0055;--border:#250070;--border-light:#3500a0;--text:#e0f0ff;--text-dim:#80b0d0;--text-muted:#507090;--accent:#0ff;--accent2:#f0f;--accent3:#0f0;--accent-glow:rgba(0,255,255,.1);--glass:rgba(21,0,64,.7);--glass-border:rgba(0,255,255,.12);--glow-sm:0 0 10px rgba(0,255,255,.2);--glow-md:0 0 20px rgba(0,255,255,.25); }
body.theme-forge { --bg:#131313;--bg2:#1a1a1a;--panel:#1e1e1e;--card:#222;--card-hover:#2a2a2a;--border:#2a2a2a;--border-light:#333;--text:#e8e8e8;--text-dim:#999;--text-muted:#666;--accent:#00E5FF;--accent2:#00B8D4;--accent3:#0097A7;--accent-glow:rgba(0,229,255,.12);--glass:rgba(30,30,30,.8);--glass-border:rgba(0,229,255,.08);font-family:'Inter','Space Grotesk',system-ui,sans-serif; }
body.theme-obsidian { --bg:#0a0a0a;--bg2:#111;--panel:#141414;--card:#181818;--card-hover:#1e1e1e;--border:#222;--border-light:#2a2a2a;--text:#e8e0d0;--text-dim:#a09080;--text-muted:#706050;--accent:#d4a843;--accent2:#c9a84c;--accent3:#b8972e;--accent-glow:rgba(212,168,67,.12);--glass:rgba(20,20,18,.8);--glass-border:rgba(212,168,67,.1); }
body.theme-blueprint { --bg:#0c1929;--bg2:#0f1f33;--panel:#122640;--card:#15304d;--card-hover:#1a3a5c;--border:#1e4470;--border-light:#255090;--text:#c0d8f0;--text-dim:#7098c0;--text-muted:#4a7098;--accent:#1e90ff;--accent2:#4da6ff;--accent3:#0070dd;--accent-glow:rgba(30,144,255,.12);--glass:rgba(15,31,51,.75);--glass-border:rgba(30,144,255,.12);font-family:'JetBrains Mono','Fira Code','Consolas',monospace; }
body.theme-pastel { --bg:#f2f0ed;--bg2:#eae7e3;--panel:#fff;--card:#fff;--card-hover:#f8f6f3;--border:#ddd8d0;--border-light:#e8e4dc;--text:#3a3530;--text-dim:#7a7068;--text-muted:#a09890;--accent:#7ec8a0;--accent2:#5bb880;--accent3:#4a9c6e;--accent-glow:rgba(126,200,160,.12);--glass:rgba(255,255,255,.8);--glass-border:rgba(126,200,160,.15); }
body.theme-aurora { --bg:#0d1b2a;--bg2:#1b2838;--panel:#1e3040;--card:#1e3040;--card-hover:#253d50;--border:#2a4a5e;--border-light:#3a5a70;--text:#e0f0f0;--text-dim:#8abcbc;--text-muted:#5a8a8a;--accent:#65d9a5;--accent2:#48bfe3;--accent3:#9b5de5;--accent-glow:rgba(101,217,165,.12);--glass:rgba(30,48,64,.7);--glass-border:rgba(101,217,165,.15);--glow-sm:0 0 12px rgba(101,217,165,.2);--glow-md:0 0 24px rgba(101,217,165,.25); }
body.theme-titanium { --bg:#1a1d23;--bg2:#22262e;--panel:#282d36;--card:#2e343e;--card-hover:#363d48;--border:#3e4654;--border-light:#4e5868;--text:#d8dce2;--text-dim:#9aa0aa;--text-muted:#6a7080;--accent:#8899aa;--accent2:#a0b0c0;--accent3:#6080a0;--accent-glow:rgba(136,153,170,.1);--glass:rgba(34,38,46,.7);--glass-border:rgba(136,153,170,.12);--glow-sm:0 0 10px rgba(136,153,170,.15);--glow-md:0 0 20px rgba(136,153,170,.2); }
body.theme-sunset { --bg:#1a0a1e;--bg2:#24102a;--panel:#2c1434;--card:#34183e;--card-hover:#3e1c48;--border:#4a2558;--border-light:#5c3070;--text:#f0d8f0;--text-dim:#c0a0c0;--text-muted:#8a6a8a;--accent:#ff6b35;--accent2:#c850c0;--accent3:#ffab40;--accent-glow:rgba(255,107,53,.12);--glass:rgba(44,20,52,.7);--glass-border:rgba(255,107,53,.15);--glow-sm:0 0 12px rgba(255,107,53,.2);--glow-md:0 0 24px rgba(200,80,192,.2); }
body.theme-ocean { --bg:#071525;--bg2:#0c1e30;--panel:#102838;--card:#143040;--card-hover:#1a3a4c;--border:#1e4460;--border-light:#285878;--text:#d0e8f0;--text-dim:#80b0c8;--text-muted:#4a8098;--accent:#20b2aa;--accent2:#48d1cc;--accent3:#0077b6;--accent-glow:rgba(32,178,170,.12);--glass:rgba(16,40,56,.7);--glass-border:rgba(32,178,170,.15);--glow-sm:0 0 12px rgba(32,178,170,.2);--glow-md:0 0 24px rgba(32,178,170,.25); }
body.theme-navy { --bg:#001039;--bg2:#001849;--panel:#002060;--card:#002468;--card-hover:#003080;--border:#003890;--border-light:#0048aa;--text:#e8e0d8;--text-dim:#b8a898;--text-muted:#806858;--accent:#ffb77b;--accent2:#ff8c42;--accent3:#ffd700;--accent-glow:rgba(255,183,123,.12);--glass:rgba(0,32,96,.7);--glass-border:rgba(255,183,123,.15);--glow-sm:0 0 12px rgba(255,183,123,.2);--glow-md:0 0 24px rgba(255,140,66,.2); }
body.theme-lavender { --bg:#f6f6f8;--bg2:#fff;--panel:#fff;--card:#fff;--card-hover:#f0f0f6;--border:#e0dce8;--border-light:#ccc8d8;--text:#2a2440;--text-dim:#555068;--text-muted:#8880a0;--accent:#5b4dad;--accent2:#7c6bc4;--accent3:#e8558a;--accent-glow:rgba(91,77,173,.08);--glass:rgba(255,255,255,.9);--glass-border:rgba(91,77,173,.1);--glow-sm:0 1px 6px rgba(0,0,0,.04);--glow-md:0 2px 12px rgba(0,0,0,.06);--ok:#2e7d32;--warn:#ca8a04;--err:#dc2626; }
body.theme-mono { --bg:#131313;--bg2:#1c1b1b;--panel:#242323;--card:#2a2929;--card-hover:#333;--border:#3a3a3a;--border-light:#4a4a4a;--text:#f0f0f0;--text-dim:#a0a0a0;--text-muted:#686868;--accent:#fff;--accent2:#ddd;--accent3:#999;--accent-glow:rgba(255,255,255,.06);--glass:rgba(28,27,27,.7);--glass-border:rgba(255,255,255,.08);--glow-sm:none;--glow-md:none; }
body.theme-frost { --bg:#131313;--bg2:#1c1b1b;--panel:#242323;--card:#2a2929;--card-hover:#333;--border:#454932;--border-light:#606f00;--text:#e5e2e1;--text-dim:#b0b0a0;--text-muted:#909378;--accent:#bed060;--accent2:#c8e8f1;--accent3:#d2f000;--accent-glow:rgba(190,208,96,.1);--glass:rgba(28,27,27,.7);--glass-border:rgba(190,208,96,.12);--glow-sm:0 0 12px rgba(190,208,96,.15);--glow-md:0 0 24px rgba(190,208,96,.2); }
body.theme-vivid { --bg:#f8f9fa;--bg2:#fff;--panel:#fff;--card:#fff;--card-hover:#f0f2f3;--border:#e1e3e4;--border-light:#ccc;--text:#191c1d;--text-dim:#474747;--text-muted:#7a7a7a;--accent:#006875;--accent2:#ad009b;--accent3:#f9e534;--accent-glow:rgba(0,104,117,.08);--glass:rgba(255,255,255,.9);--glass-border:rgba(0,104,117,.1);--glow-sm:0 1px 6px rgba(0,0,0,.04);--glow-md:0 2px 12px rgba(0,0,0,.06);--ok:#006875;--warn:#9e8600;--err:#ba1a1a; }
body.theme-ember { --bg:#1a0808;--bg2:#241010;--panel:#2c1414;--card:#341818;--card-hover:#3e1e1e;--border:#4a2020;--border-light:#602828;--text:#f0d8d0;--text-dim:#c09888;--text-muted:#8a5848;--accent:#ff4500;--accent2:#ff6a33;--accent3:#ffa040;--accent-glow:rgba(255,69,0,.12);--glass:rgba(44,20,20,.7);--glass-border:rgba(255,69,0,.12);--glow-sm:0 0 12px rgba(255,69,0,.2);--glow-md:0 0 24px rgba(255,69,0,.25); }
body.theme-matrix { --bg:#000a00;--bg2:#001200;--panel:#001800;--card:#002000;--card-hover:#002800;--border:#003300;--border-light:#004400;--text:#88ff88;--text-dim:#44aa44;--text-muted:#226622;--accent:#00ff00;--accent2:#33ff33;--accent3:#88ff00;--accent-glow:rgba(0,255,0,.08);--glass:rgba(0,18,0,.8);--glass-border:rgba(0,255,0,.1);--glow-sm:0 0 10px rgba(0,255,0,.15);--glow-md:0 0 20px rgba(0,255,0,.2);--font:'Courier New','SF Mono',monospace; }
body.theme-sakura { --bg:#fdf2f4;--bg2:#fff;--panel:#fff;--card:#fff;--card-hover:#fef0f2;--border:#f0d8dd;--border-light:#e8c0c8;--text:#3a2030;--text-dim:#6a4858;--text-muted:#a08090;--accent:#d4638f;--accent2:#e88aaa;--accent3:#8b4070;--accent-glow:rgba(212,99,143,.08);--glass:rgba(255,255,255,.9);--glass-border:rgba(212,99,143,.1);--glow-sm:0 1px 6px rgba(0,0,0,.04);--glow-md:0 2px 12px rgba(0,0,0,.06);--ok:#558b2f;--warn:#c27a4f;--err:#c62828; }

/* S4: Theme-Specific Unique Rules (gradients, fonts, structural) */

/* -- CREATIVE -- */
body.theme-creative #hub { background: radial-gradient(ellipse at 20% 0%,rgba(123,97,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 0%,rgba(76,201,240,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(247,37,133,.04) 0%,transparent 40%),var(--bg); }
body.theme-creative .hub-hero h1 { font-size:44px; letter-spacing:-1.5px; }
body.theme-creative .hero-btn-primary { background:linear-gradient(135deg,#7b61ff,#4cc9f0); }
body.theme-creative .hero-btn-order { background:linear-gradient(135deg,#f72585,#b5179e); }
body.theme-creative .gen-card .badge.new { background:linear-gradient(135deg,var(--accent),var(--accent2)); }

/* -- INDUSTRIAL -- */
body.theme-industrial #hub { background:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(0,255,65,.04) 49px,rgba(0,255,65,.04) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(0,255,65,.04) 49px,rgba(0,255,65,.04) 50px),radial-gradient(ellipse at 50% 0%,rgba(0,255,65,.06) 0%,transparent 60%),var(--bg); }
body.theme-industrial #topbar .logo { font-family:var(--font);letter-spacing:2px;text-transform:uppercase;font-size:14px;background:none;-webkit-text-fill-color:#00ff41;text-shadow:0 0 8px rgba(0,255,65,.4); }
body.theme-industrial #topbar .logo span { -webkit-text-fill-color:#5a7a5a;font-size:11px; }
body.theme-industrial .hub-hero h1 { font-family:var(--font);font-size:32px;text-transform:uppercase;letter-spacing:3px;-webkit-text-fill-color:#c8e6c8;text-shadow:0 0 12px rgba(0,255,65,.3); }
body.theme-industrial .hub-hero h1 em { font-style:normal;background:none;-webkit-text-fill-color:#00ff41;text-shadow:0 0 16px rgba(0,255,65,.5); }
body.theme-industrial .hub-hero p { font-family:var(--font);text-transform:uppercase;letter-spacing:1px;font-size:12px; }
body.theme-industrial .hub-stats { border-radius:2px; }
body.theme-industrial .hub-stats .stat .val { font-family:var(--font);background:none;-webkit-text-fill-color:#00ff41;text-shadow:0 0 8px rgba(0,255,65,.3); }
body.theme-industrial .hub-stats .stat .lbl { font-family:var(--font);text-transform:uppercase;letter-spacing:1px;font-size:9px; }
body.theme-industrial .hero-btn { font-family:var(--font);text-transform:uppercase;letter-spacing:1px;border-radius:2px;font-size:12px; }
body.theme-industrial .hero-btn-primary { background:#00ff41;color:#000;box-shadow:0 0 20px rgba(0,255,65,.3); }
body.theme-industrial .hero-btn-order { background:transparent;color:#00ff41;border:1px solid #00ff41; }
body.theme-industrial .hero-btn-maker { background:transparent;color:#ff6600;border:1px solid #ff6600; }
body.theme-industrial .hero-links a { font-family:var(--font);text-transform:uppercase;letter-spacing:.5px;border-radius:2px;font-size:10px; }
body.theme-industrial .hub-search input { font-family:var(--font);border-radius:2px;color:#00ff41; }
body.theme-industrial .hub-nav button { font-family:var(--font);text-transform:uppercase;letter-spacing:.5px;font-size:11px; }
body.theme-industrial .gen-card { border-radius:2px; }
body.theme-industrial .gen-card h3 { font-family:var(--font);text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:#00ff41; }
body.theme-industrial .gen-card p { font-family:var(--font);font-size:10px; }
body.theme-industrial .gen-card .icon { filter:grayscale(1) brightness(1.5); }
body.theme-industrial .gen-card .tag { font-family:var(--font);text-transform:uppercase;letter-spacing:.5px;border-radius:2px; }
body.theme-industrial .gen-card .badge.new { background:#00ff41;color:#000;border-radius:2px;font-family:var(--font); }
body.theme-industrial .hub-section h2 { font-family:var(--font);text-transform:uppercase;letter-spacing:2px;font-size:12px; }
body.theme-industrial .hub-section h2::before { border-radius:0; }
body.theme-industrial .section-card, body.theme-industrial .hub-tip, body.theme-industrial .card { border-radius:2px; }
body.theme-industrial .hub-tip, body.theme-industrial #sidebar { font-family:var(--font); }

/* -- CLEAN -- */
body.theme-clean #topbar .logo { background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
body.theme-clean #topbar .logo span { -webkit-text-fill-color:var(--text-muted); }
body.theme-clean .hub-hero h1 em { background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
body.theme-clean .hub-stats .stat .val { background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
body.theme-clean .hero-btn-primary { background:var(--accent);color:#fff;box-shadow:0 4px 16px rgba(37,99,235,.25); }
body.theme-clean .hero-btn-order { background:#fff;color:var(--accent);border:2px solid var(--accent);box-shadow:none; }
body.theme-clean .hero-btn-maker { background:#fff;color:#16a34a;border:2px solid #16a34a;box-shadow:none; }
body.theme-clean .hub-search input:focus { box-shadow:0 0 0 3px rgba(37,99,235,.1); }
body.theme-clean .section-card-maker { border-color:#bbf7d0;background:linear-gradient(135deg,rgba(22,163,74,.02),#fff); }
body.theme-clean .section-card-service { border-color:rgba(37,99,235,.15);background:linear-gradient(135deg,rgba(37,99,235,.02),#fff); }
body.theme-clean .hub-tip span:first-child { filter:none; }
body.theme-clean #sidebar { background:linear-gradient(180deg,#fff,#f8fafc); }
body.theme-clean input[type="range"]::-webkit-slider-thumb { background:var(--accent);border-color:#fff;box-shadow:0 0 4px rgba(37,99,235,.3); }

/* -- PLAYFUL -- */
body.theme-playful #topbar { border-bottom:3px solid #ffd54f; }
body.theme-playful #topbar .logo { background:none;-webkit-text-fill-color:#e65100;font-weight:800; }
body.theme-playful #topbar .logo span { -webkit-text-fill-color:#8d6e63; }
body.theme-playful .hub-hero h1 { font-size:42px;color:#f9a825;-webkit-text-fill-color:unset;text-shadow:2px 2px 0 rgba(230,81,0,.15);font-weight:900; }
body.theme-playful .hub-hero h1 em { font-style:normal;background:linear-gradient(135deg,#e65100,#f9a825);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-playful .hub-stats .stat .val { background:linear-gradient(135deg,#e65100,#f9a825);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-playful .hero-btn-primary { background:linear-gradient(135deg,#e65100,#ff8f00);color:#fff;box-shadow:0 4px 16px rgba(230,81,0,.25); }
body.theme-playful .hero-btn-order { background:#fff;color:#e65100;border:2px solid #e65100;box-shadow:none; }
body.theme-playful .hero-btn-maker { background:#fff;color:#2e7d32;border:2px solid #2e7d32;box-shadow:none; }
body.theme-playful .gen-card { border:2px solid #ffe082;border-radius:18px; }
body.theme-playful .gen-card:nth-child(4n+1) { border-left:4px solid #d32f2f; }
body.theme-playful .gen-card:nth-child(4n+2) { border-left:4px solid #e65100; }
body.theme-playful .gen-card:nth-child(4n+3) { border-left:4px solid #0277bd; }
body.theme-playful .gen-card:nth-child(4n+4) { border-left:4px solid #2e7d32; }
body.theme-playful .gen-card .icon { font-size:38px; }
body.theme-playful .hub-section h2::before { background:linear-gradient(180deg,#e65100,#f9a825); }

/* -- WARM -- */
body.theme-warm #hub { background:radial-gradient(ellipse at 30% 20%,rgba(194,122,79,.05) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(161,136,127,.04) 0%,transparent 60%),#fdf0e6; }
body.theme-warm #topbar .logo { background:none;-webkit-text-fill-color:#6d4c41;font-weight:800; }
body.theme-warm #topbar .logo span { -webkit-text-fill-color:#8d6e63; }
body.theme-warm .hub-hero h1 em { font-style:normal;background:linear-gradient(135deg,#c27a4f,#a1887f);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-warm .hub-stats .stat .val { background:linear-gradient(135deg,#c27a4f,#8d6e63);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-warm .hero-btn-primary { background:#c27a4f;color:#fff;box-shadow:0 4px 16px rgba(194,122,79,.2); }
body.theme-warm .hero-btn-order { background:#faf4ee;color:#c27a4f;border:2px solid #c27a4f;box-shadow:none; }
body.theme-warm .hero-btn-maker { background:#faf4ee;color:#558b2f;border:2px solid #558b2f;box-shadow:none; }
body.theme-warm .hub-section h2::before { background:linear-gradient(180deg,#c27a4f,#a1887f); }

/* -- RETRO -- */
body.theme-retro #hub { background:linear-gradient(180deg,transparent 70%,rgba(0,255,255,.03) 70.1%,rgba(0,255,255,.03) 70.2%,transparent 70.3%),repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(0,255,255,.03) 59px,rgba(0,255,255,.03) 60px),radial-gradient(ellipse at 50% 100%,rgba(255,0,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 0%,rgba(0,255,255,.06) 0%,transparent 50%),var(--bg); }
body.theme-retro #topbar::after { background:linear-gradient(90deg,transparent,#00ffff,#ff00ff,transparent);opacity:.5; }
body.theme-retro #topbar .logo { background:linear-gradient(135deg,#00ffff,#ff00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;font-style:italic; }
body.theme-retro #topbar .logo span { -webkit-text-fill-color:#7a6aaa; }
body.theme-retro .hub-hero h1 { font-size:42px;font-weight:900;font-style:italic;background:linear-gradient(135deg,#00ffff,#ff00ff,#ff3399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 12px rgba(0,255,255,.3)); }
body.theme-retro .hub-hero h1 em { font-style:italic;background:linear-gradient(135deg,#ff00ff,#00ffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-retro .hub-stats .stat .val { background:linear-gradient(135deg,#00ffff,#ff00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-retro .hub-stats { box-shadow:0 0 20px rgba(0,255,255,.08),inset 0 0 20px rgba(0,255,255,.03); }
body.theme-retro .hero-btn { border-radius:4px;font-weight:800;text-transform:uppercase;letter-spacing:1px; }
body.theme-retro .hero-btn-primary { background:linear-gradient(135deg,#00ffff,#0088ff);color:#000;box-shadow:0 0 20px rgba(0,255,255,.3),0 0 40px rgba(0,255,255,.1); }
body.theme-retro .hero-btn-order { background:linear-gradient(135deg,#ff00ff,#ff3399);color:#fff;box-shadow:0 0 20px rgba(255,0,255,.3); }
body.theme-retro .hero-btn-maker { background:transparent;color:#00ff88;border:2px solid #00ff88;box-shadow:0 0 12px rgba(0,255,136,.15); }
body.theme-retro .gen-card::before { background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),rgba(255,0,255,.2),transparent); }
body.theme-retro .gen-card::after { background:radial-gradient(circle at center,rgba(255,0,255,.06) 0%,transparent 70%); }
body.theme-retro .gen-card .badge.new { background:linear-gradient(135deg,#00ffff,#ff00ff);color:#000;border-radius:2px; }
body.theme-retro .gen-card .tag { border-radius:2px; }
body.theme-retro .hub-section h2 { text-transform:uppercase;letter-spacing:1.5px; }
body.theme-retro .hub-section h2::before { background:linear-gradient(180deg,#00ffff,#ff00ff); }
body.theme-retro .fav-btn.active { text-shadow:0 0 8px rgba(255,51,153,.5); }
body.theme-retro #sidebar { background:linear-gradient(180deg,rgba(21,0,64,.98),rgba(10,0,37,.98)); }

/* -- MINIMAL -- */
body.theme-minimal #topbar .logo { background:none;-webkit-text-fill-color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:14px; }
body.theme-minimal #topbar .logo span { -webkit-text-fill-color:#666; }
body.theme-minimal .hub-nav button:hover, body.theme-minimal .hub-nav button.active { color:#fff;border-color:#fff;background:none;box-shadow:none; }
body.theme-minimal .hub-hero h1 { font-size:38px;font-weight:900;text-transform:uppercase;letter-spacing:2px; }
body.theme-minimal .hub-hero h1 em { background:none;-webkit-text-fill-color:#fff;font-style:normal; }
body.theme-minimal .hub-hero p { text-transform:uppercase;letter-spacing:1px;font-size:13px; }
body.theme-minimal .hub-stats { border-radius:0; }
body.theme-minimal .hub-stats .stat .val { background:none;-webkit-text-fill-color:#fff; }
body.theme-minimal .hero-btn { border-radius:0;font-weight:700;text-transform:uppercase;letter-spacing:1px; }
body.theme-minimal .hero-btn-primary { background:#2979ff;color:#fff;box-shadow:none; }
body.theme-minimal .hero-btn-order { background:transparent;color:#fff;border:1px solid #fff;box-shadow:none; }
body.theme-minimal .hero-links a { border-radius:0; }
body.theme-minimal .hub-search input { border-radius:0; }
body.theme-minimal .hub-search input:focus { box-shadow:none; }
body.theme-minimal .gen-card { border-radius:0; }
body.theme-minimal .gen-card:hover { box-shadow:none;transform:none; }
body.theme-minimal .gen-card h3 { text-transform:uppercase;font-size:12px;letter-spacing:.5px; }
body.theme-minimal .gen-card .tag { background:none;border-radius:0; }
body.theme-minimal .gen-card .badge.new { border-radius:0; }
body.theme-minimal .hub-section h2 { font-size:11px;letter-spacing:3px; }
body.theme-minimal .hub-section h2::before { border-radius:0; }
body.theme-minimal .section-card, body.theme-minimal .hub-tip, body.theme-minimal .card { border-radius:0; }

/* -- NEUMORPHIC -- */
body.theme-neumorphic #topbar { border-bottom:none;box-shadow:0 4px 8px rgba(0,0,0,.25); }
body.theme-neumorphic #topbar .logo { background:none;-webkit-text-fill-color:#d4d4d4;font-weight:800;font-size:18px; }
body.theme-neumorphic #topbar .logo span { -webkit-text-fill-color:#777; }
body.theme-neumorphic .hub-nav button { border:none;border-radius:10px; }
body.theme-neumorphic .hub-nav button:hover, body.theme-neumorphic .hub-nav button.active { color:#ffc67d;background:#3a3f4b;box-shadow:inset 3px 3px 6px rgba(0,0,0,.3),inset -3px -3px 6px rgba(255,255,255,.05); }
body.theme-neumorphic .hub-hero h1 em { background:none;-webkit-text-fill-color:#ffc67d; }
body.theme-neumorphic .hub-stats { border:none;border-radius:20px;box-shadow:8px 8px 16px rgba(0,0,0,.3),-8px -8px 16px rgba(255,255,255,.04); }
body.theme-neumorphic .hub-stats .stat .val { background:none;-webkit-text-fill-color:#ffc67d; }
body.theme-neumorphic .hero-btn { border-radius:16px;border:none;box-shadow:6px 6px 12px rgba(0,0,0,.3),-6px -6px 12px rgba(255,255,255,.04); }
body.theme-neumorphic .hero-btn:hover { box-shadow:inset 4px 4px 8px rgba(0,0,0,.3),inset -4px -4px 8px rgba(255,255,255,.04);transform:none; }
body.theme-neumorphic .hero-btn-primary { background:linear-gradient(135deg,#ffc67d,#ff9f43);color:#2a2e38; }
body.theme-neumorphic .hub-search input { border:none;border-radius:16px;box-shadow:inset 4px 4px 8px rgba(0,0,0,.3),inset -4px -4px 8px rgba(255,255,255,.04); }
body.theme-neumorphic .hub-search input:focus { box-shadow:inset 4px 4px 8px rgba(0,0,0,.4),inset -4px -4px 8px rgba(255,255,255,.06),0 0 0 2px rgba(255,198,125,.2); }
body.theme-neumorphic .gen-card { border:none;border-radius:20px;box-shadow:6px 6px 12px rgba(0,0,0,.3),-6px -6px 12px rgba(255,255,255,.04); }
body.theme-neumorphic .gen-card:hover { box-shadow:inset 4px 4px 8px rgba(0,0,0,.3),inset -4px -4px 8px rgba(255,255,255,.04);transform:none; }
body.theme-neumorphic .gen-card .tag { border:none;border-radius:8px; }
body.theme-neumorphic .gen-card .badge.new { border-radius:10px; }
body.theme-neumorphic .section-card { border:none;border-radius:20px;box-shadow:6px 6px 12px rgba(0,0,0,.3),-6px -6px 12px rgba(255,255,255,.04); }
body.theme-neumorphic .hub-tip { border:none;border-radius:16px;box-shadow:4px 4px 8px rgba(0,0,0,.25),-4px -4px 8px rgba(255,255,255,.03); }
body.theme-neumorphic #sidebar { border-right:none;box-shadow:4px 0 12px rgba(0,0,0,.2); }
body.theme-neumorphic .card { border:none;border-radius:16px;box-shadow:4px 4px 8px rgba(0,0,0,.25),-4px -4px 8px rgba(255,255,255,.03); }

/* -- BRUTALIST -- */
body.theme-brutalist #topbar { border-bottom:3px solid #000; }
body.theme-brutalist #topbar .logo { background:none;-webkit-text-fill-color:#000;font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:3px;font-family:var(--font); }
body.theme-brutalist #topbar .logo span { display:none; }
body.theme-brutalist .hub-nav button { font-family:var(--font);font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:1px;border-radius:0; }
body.theme-brutalist .hub-nav button:hover, body.theme-brutalist .hub-nav button.active { background:#000;color:#e8e4de;box-shadow:none; }
body.theme-brutalist .hub-hero h1 { font-family:var(--font);font-size:52px;font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:.95; }
body.theme-brutalist .hub-hero h1 em { background:none;-webkit-text-fill-color:#000;font-style:normal; }
body.theme-brutalist .hub-hero p { font-family:var(--font);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:1px; }
body.theme-brutalist .hub-stats { border:3px solid #000;border-radius:0; }
body.theme-brutalist .hub-stats .stat .val { background:none;-webkit-text-fill-color:#000;font-family:var(--font);font-size:28px; }
body.theme-brutalist .hub-stats .stat .lbl { font-family:var(--font);font-size:9px;text-transform:uppercase;letter-spacing:2px; }
body.theme-brutalist .hero-btn { font-family:var(--font);border-radius:0;border:3px solid #000;font-weight:900;text-transform:uppercase;letter-spacing:1px; }
body.theme-brutalist .hero-btn-primary { background:#000;color:#e8e4de;box-shadow:none; }
body.theme-brutalist .hero-links a { font-family:var(--font);border-radius:0;border:2px solid #000;font-weight:900;text-transform:uppercase; }
body.theme-brutalist .hub-search input { font-family:var(--font);border:3px solid #000;border-radius:0;font-weight:900; }
body.theme-brutalist .hub-search input:focus { box-shadow:4px 4px 0 #000; }
body.theme-brutalist .gen-card { border:2px solid #000;border-radius:0; }
body.theme-brutalist .gen-card:hover { background:#000;color:#e8e4de;box-shadow:none;transform:none; }
body.theme-brutalist .gen-card:hover h3, body.theme-brutalist .gen-card:hover p { color:#e8e4de; }
body.theme-brutalist .gen-card h3 { font-family:var(--font);text-transform:uppercase;letter-spacing:1px;font-size:13px; }
body.theme-brutalist .gen-card .tag { font-family:var(--font);border:2px solid #000;border-radius:0;font-weight:900;text-transform:uppercase;font-size:8px; }
body.theme-brutalist .gen-card .badge.new { border-radius:0;font-family:var(--font); }
body.theme-brutalist .hub-section h2 { font-family:var(--font);font-size:14px;letter-spacing:3px; }
body.theme-brutalist .hub-section h2::before { border-radius:0;width:4px; }
body.theme-brutalist .section-card, body.theme-brutalist .hub-tip { border:2px solid #000;border-radius:0; }
body.theme-brutalist .hub-tip { font-family:var(--font); }
body.theme-brutalist #sidebar { border-right:3px solid #000; }
body.theme-brutalist .card { border:2px solid #000;border-radius:0; }

/* -- LUXURY -- */
body.theme-luxury #hub { background:radial-gradient(ellipse at 50% 0%,rgba(201,168,76,.04) 0%,transparent 60%),#0a0a0a; }
body.theme-luxury #topbar::after { background:linear-gradient(90deg,transparent,#c9a84c,transparent);opacity:.3; }
body.theme-luxury #topbar .logo { background:linear-gradient(135deg,#c9a84c,#f0d888,#c9a84c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:1px; }
body.theme-luxury #topbar .logo span { -webkit-text-fill-color:#706050; }
body.theme-luxury .hub-hero h1 em { background:linear-gradient(135deg,#c9a84c,#f0d888,#c9a84c);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-luxury .hub-stats .stat .val { background:linear-gradient(135deg,#c9a84c,#f0d888);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-luxury .hero-btn-primary { background:linear-gradient(135deg,#c9a84c,#f0d888,#c9a84c);color:#0a0a0a;box-shadow:0 4px 20px rgba(201,168,76,.25); }
body.theme-luxury .gen-card .badge.new { background:linear-gradient(135deg,#c9a84c,#f0d888);color:#0a0a0a; }
body.theme-luxury .hub-section h2::before { background:linear-gradient(180deg,#c9a84c,#8b6914); }
body.theme-luxury #sidebar { background:linear-gradient(180deg,#111,#0a0a0a); }

/* -- BLOCKS -- */
body.theme-blocks #topbar { background:#d32f2f;border-bottom:none; }
body.theme-blocks #topbar .logo { background:none;-webkit-text-fill-color:#fff;font-weight:900;font-size:16px; }
body.theme-blocks #topbar .logo span { -webkit-text-fill-color:rgba(255,255,255,.7); }
body.theme-blocks .hub-nav button { color:rgba(255,255,255,.7); }
body.theme-blocks .hub-nav button:hover, body.theme-blocks .hub-nav button.active { color:#fff;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);box-shadow:none; }
body.theme-blocks .hub-hero h1 em { background:linear-gradient(135deg,#e65100,#f9a825);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-blocks .hub-stats .stat .val { background:linear-gradient(135deg,#e65100,#f9a825);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-blocks .hero-btn-primary { background:#e65100;color:#fff; }
body.theme-blocks .hero-btn-order { background:#00897b;color:#fff;box-shadow:0 4px 12px rgba(0,137,123,.2); }
body.theme-blocks .hero-btn-maker { background:#1565c0;color:#fff;box-shadow:0 4px 12px rgba(21,101,192,.2); }
body.theme-blocks .gen-card { border:2px solid #e0e0e0;border-radius:16px; }
body.theme-blocks .gen-card:nth-child(4n+1) { border-top:4px solid #e65100; }
body.theme-blocks .gen-card:nth-child(4n+2) { border-top:4px solid #00897b; }
body.theme-blocks .gen-card:nth-child(4n+3) { border-top:4px solid #1565c0; }
body.theme-blocks .gen-card:nth-child(4n+4) { border-top:4px solid #f9a825; }
body.theme-blocks .hub-section h2::before { background:linear-gradient(180deg,#e65100,#f9a825); }

/* -- CYBER -- */
body.theme-cyber #hub { background:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(0,255,255,.02) 39px,rgba(0,255,255,.02) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(0,255,255,.02) 39px,rgba(0,255,255,.02) 40px),radial-gradient(ellipse at 50% 100%,rgba(255,0,255,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 0%,rgba(0,255,255,.04) 0%,transparent 50%),var(--bg); }
body.theme-cyber #topbar::after { background:linear-gradient(90deg,transparent,#0ff,#f0f,transparent);opacity:.4; }
body.theme-cyber #topbar .logo { background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900; }
body.theme-cyber #topbar .logo span { -webkit-text-fill-color:#507090; }
body.theme-cyber .hub-hero h1 { font-size:40px;font-weight:900;font-style:italic; }
body.theme-cyber .hub-hero h1, body.theme-cyber .hub-hero h1 em { background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(0,255,255,.3)); }
body.theme-cyber .hub-stats .stat .val { background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-cyber .hero-btn { border-radius:4px;font-weight:800;text-transform:uppercase;letter-spacing:1px; }
body.theme-cyber .hero-btn-primary { background:linear-gradient(135deg,#0ff,#0088ff);color:#000;box-shadow:0 0 20px rgba(0,255,255,.25); }
body.theme-cyber .hero-btn-order { background:linear-gradient(135deg,#f0f,#ff0088);color:#fff;box-shadow:0 0 20px rgba(255,0,255,.25); }
body.theme-cyber .hero-btn-maker { background:transparent;color:#0f0;border:1px solid #0f0;box-shadow:0 0 10px rgba(0,255,0,.1); }
body.theme-cyber .gen-card::before { background:linear-gradient(90deg,transparent,rgba(0,255,255,.15),rgba(255,0,255,.15),transparent); }
body.theme-cyber .gen-card .badge.new { background:linear-gradient(135deg,#0ff,#f0f);color:#000;border-radius:2px; }
body.theme-cyber .hub-section h2 { text-transform:uppercase;letter-spacing:1.5px; }
body.theme-cyber .hub-section h2::before { background:linear-gradient(180deg,#0ff,#f0f); }
body.theme-cyber #sidebar { background:linear-gradient(180deg,rgba(18,0,56,.98),rgba(10,0,32,.98)); }

/* -- FORGE -- */
body.theme-forge #topbar { border-bottom:none;box-shadow:0 1px 0 #222; }
body.theme-forge #topbar .logo { color:#00E5FF;font-weight:800;letter-spacing:-.5px; }
body.theme-forge #topbar .logo span { color:#666; }
body.theme-forge .hub-nav button { border-radius:0; }
body.theme-forge .hub-hero h1, body.theme-forge .hub-hero h1 em { color:#fff;-webkit-text-fill-color:#fff;background:none; }
body.theme-forge .hub-stats { border:none;border-radius:0; }
body.theme-forge .hub-stats .stat .val { color:#00E5FF;-webkit-text-fill-color:#00E5FF;background:none; }
body.theme-forge .hero-btn { border-radius:0;font-weight:700;text-transform:uppercase;letter-spacing:.5px; }
body.theme-forge .hero-btn-primary { background:#00E5FF;color:#000;border:none; }
body.theme-forge .hero-btn-primary:hover { background:#00B8D4; }
body.theme-forge .hero-btn-order { background:#1e1e1e;color:#00E5FF;border:none; }
body.theme-forge .hub-search input { border:none;border-radius:0;box-shadow:inset 0 -1px 0 #333; }
body.theme-forge .hub-search input:focus { box-shadow:inset 0 -2px 0 #00E5FF; }
body.theme-forge .gen-card { border:none;border-radius:0;box-shadow:none; }
body.theme-forge .gen-card:hover { box-shadow:0 0 0 1px rgba(0,229,255,.15); }
body.theme-forge .gen-card .badge.new { border-radius:0; }
body.theme-forge .gen-card .tag { border:none;border-radius:0; }
body.theme-forge .hub-section h2 { text-transform:uppercase;letter-spacing:2px;font-weight:600; }
body.theme-forge .section-card, body.theme-forge .hub-tip { border:none;border-radius:0; }
body.theme-forge #sidebar { border-right:none;box-shadow:1px 0 0 #222; }
body.theme-forge .card { border:none;border-radius:0; }

/* -- OBSIDIAN -- */
body.theme-obsidian #topbar .logo { color:#d4a843;font-weight:800; }
body.theme-obsidian #topbar .logo span { color:#706050; }
body.theme-obsidian .hub-hero h1, body.theme-obsidian .hub-hero h1 em { background:linear-gradient(135deg,#d4a843,#f0d080);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-obsidian .hub-stats .stat .val { color:#d4a843;-webkit-text-fill-color:#d4a843;background:none; }
body.theme-obsidian .hero-btn-primary { background:linear-gradient(135deg,#d4a843,#b8972e);color:#000;border:none; }
body.theme-obsidian .hub-section h2::before { background:linear-gradient(180deg,#d4a843,#b8972e); }
body.theme-obsidian #sidebar { background:linear-gradient(180deg,#0e0e0e,#0a0a0a); }

/* -- BLUEPRINT -- */
body.theme-blueprint #hub { background:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(30,144,255,.04) 39px,rgba(30,144,255,.04) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(30,144,255,.04) 39px,rgba(30,144,255,.04) 40px),#0c1929; }
body.theme-blueprint #topbar .logo { color:#1e90ff;font-weight:700;font-family:monospace;letter-spacing:1px; }
body.theme-blueprint #topbar .logo span { color:#4a7098; }
body.theme-blueprint .hub-nav button { font-family:monospace;font-size:12px;text-transform:uppercase;letter-spacing:1px; }
body.theme-blueprint .hub-hero h1, body.theme-blueprint .hub-hero h1 em { color:#1e90ff;-webkit-text-fill-color:#1e90ff;background:none;font-family:monospace; }
body.theme-blueprint .hub-hero p { font-family:monospace; }
body.theme-blueprint .hub-stats .stat .val { color:#1e90ff;-webkit-text-fill-color:#1e90ff;background:none;font-family:monospace; }
body.theme-blueprint .hero-btn { border-radius:2px;font-family:monospace;text-transform:uppercase;letter-spacing:1px;font-size:13px; }
body.theme-blueprint .hero-btn-primary { background:#1e90ff;color:#0c1929;border:none; }
body.theme-blueprint .hub-search input { font-family:monospace;border-radius:2px; }
body.theme-blueprint .gen-card { border-radius:4px; }
body.theme-blueprint .gen-card h3 { font-family:monospace; }
body.theme-blueprint .gen-card .badge.new { border-radius:2px;font-family:monospace; }
body.theme-blueprint .gen-card .tag { font-family:monospace; }
body.theme-blueprint .hub-section h2 { text-transform:uppercase;letter-spacing:2px;font-family:monospace;font-size:13px; }
body.theme-blueprint #sidebar { background:linear-gradient(180deg,rgba(15,31,51,.98),rgba(12,25,41,.98)); }

/* -- PASTEL -- */
body.theme-pastel #topbar { box-shadow:0 1px 3px rgba(0,0,0,.04); }
body.theme-pastel #topbar .logo { color:#7ec8a0;font-weight:800; }
body.theme-pastel #topbar .logo span { color:#a09890; }
body.theme-pastel .hub-hero h1, body.theme-pastel .hub-hero h1 em { color:#3a3530;-webkit-text-fill-color:#3a3530;background:none; }
body.theme-pastel .hub-stats .stat .val { color:#5bb880;-webkit-text-fill-color:#5bb880;background:none; }
body.theme-pastel .hero-btn-primary { background:#7ec8a0;color:#fff;border:none;box-shadow:0 2px 8px rgba(126,200,160,.25); }
body.theme-pastel .hub-section h2::before { background:linear-gradient(180deg,#7ec8a0,#5bb880); }

/* -- AURORA -- */
body.theme-aurora #hub { background:radial-gradient(ellipse at 20% 0%,rgba(101,217,165,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 0%,rgba(72,191,227,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(155,93,229,.04) 0%,transparent 40%),var(--bg); }
body.theme-aurora #topbar { box-shadow:0 1px 12px rgba(0,0,0,.3); }
body.theme-aurora #topbar .logo { color:#65d9a5; }
body.theme-aurora #topbar .logo span { color:#5a8a8a; }
body.theme-aurora .hub-hero h1, body.theme-aurora .hub-hero h1 em { background:linear-gradient(135deg,#65d9a5,#48bfe3,#9b5de5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
body.theme-aurora .hub-stats .stat .val { background:linear-gradient(135deg,#65d9a5,#48bfe3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
body.theme-aurora .hero-btn-primary { background:linear-gradient(135deg,#65d9a5,#48bfe3);color:#0d1b2a;border:none;box-shadow:0 2px 16px rgba(101,217,165,.25); }
body.theme-aurora .gen-card .badge.new { background:linear-gradient(135deg,#65d9a5,#48bfe3);color:#0d1b2a; }
body.theme-aurora .hub-section h2::before { background:linear-gradient(180deg,#65d9a5,#48bfe3); }
body.theme-aurora #sidebar { background:linear-gradient(180deg,rgba(27,40,56,.98),rgba(13,27,42,.98)); }
/* Aurora Akademie */
body.theme-aurora .topbar, body.theme-aurora .tb { background:rgba(13,27,42,.94);border-bottom-color:rgba(101,217,165,.15); }
body.theme-aurora .topbar-logo, body.theme-aurora .tb-l { color:#65d9a5; }
body.theme-aurora .sidebar { background:#1b2838;border-right-color:#2a4a5e; }
body.theme-aurora .sidebar a:hover { background:rgba(101,217,165,.06);border-left-color:#65d9a5; }
body.theme-aurora .chapter-card { background:#1e3040;border-color:#2a4a5e; }
body.theme-aurora .chapter-card:hover { border-color:#65d9a5;box-shadow:0 6px 20px rgba(101,217,165,.08); }
body.theme-aurora .hero { background:linear-gradient(135deg,rgba(101,217,165,.08),rgba(72,191,227,.06));border-color:rgba(101,217,165,.15); }
body.theme-aurora .sub-nav, body.theme-aurora .sn { background:#1b2838;border-bottom-color:#2a4a5e; }
body.theme-aurora .sub-nav a:hover, body.theme-aurora .sn a:hover { background:rgba(101,217,165,.08);color:#65d9a5; }
body.theme-aurora .sub-nav a.active, body.theme-aurora .sn a.on { background:rgba(101,217,165,.12);color:#65d9a5; }

/* -- TITANIUM -- */
body.theme-titanium #hub { background:linear-gradient(180deg,#1a1d23,#16191f); }
body.theme-titanium #topbar::after { background:linear-gradient(90deg,transparent,#8899aa,transparent);opacity:.2; }
body.theme-titanium #topbar .logo { background:linear-gradient(135deg,#c0ccd8,#8899aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-titanium .hub-hero h1 em { background:linear-gradient(135deg,#c0ccd8,#8899aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-titanium .hub-stats .stat .val { background:linear-gradient(135deg,#c0ccd8,#8899aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-titanium .hero-btn-primary { background:linear-gradient(135deg,#8899aa,#a0b0c0);color:#1a1d23; }
body.theme-titanium .hub-section h2::before { background:linear-gradient(180deg,#8899aa,#6080a0); }

/* -- SUNSET -- */
body.theme-sunset #hub { background:radial-gradient(ellipse at 30% 0%,rgba(255,107,53,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 100%,rgba(200,80,192,.06) 0%,transparent 50%),#1a0a1e; }
body.theme-sunset #topbar::after { background:linear-gradient(90deg,transparent,#ff6b35,#c850c0,transparent);opacity:.4; }
body.theme-sunset #topbar .logo { background:linear-gradient(135deg,#ff6b35,#c850c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-sunset .hub-hero h1 em { background:linear-gradient(135deg,#ff6b35,#c850c0,#ffab40);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-sunset .hub-stats .stat .val { background:linear-gradient(135deg,#ff6b35,#c850c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-sunset .hero-btn-primary { background:linear-gradient(135deg,#ff6b35,#c850c0);color:#fff; }
body.theme-sunset .gen-card .badge.new { background:linear-gradient(135deg,#ff6b35,#c850c0);color:#fff; }
body.theme-sunset .hub-section h2::before { background:linear-gradient(180deg,#ff6b35,#c850c0); }

/* -- OCEAN -- */
body.theme-ocean #hub { background:radial-gradient(ellipse at 50% 100%,rgba(0,119,182,.06) 0%,transparent 60%),radial-gradient(ellipse at 50% 0%,rgba(32,178,170,.04) 0%,transparent 50%),#071525; }
body.theme-ocean #topbar::after { background:linear-gradient(90deg,transparent,#20b2aa,#48d1cc,transparent);opacity:.3; }
body.theme-ocean #topbar .logo { background:linear-gradient(135deg,#20b2aa,#48d1cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-ocean .hub-hero h1 em { background:linear-gradient(135deg,#20b2aa,#48d1cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-ocean .hub-stats .stat .val { background:linear-gradient(135deg,#20b2aa,#48d1cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-ocean .hero-btn-primary { background:linear-gradient(135deg,#20b2aa,#48d1cc);color:#071525; }
body.theme-ocean .gen-card .badge.new { background:linear-gradient(135deg,#20b2aa,#48d1cc);color:#071525; }
body.theme-ocean .hub-section h2::before { background:linear-gradient(180deg,#20b2aa,#0077b6); }

/* -- NAVY -- */
body.theme-navy #hub { background:radial-gradient(ellipse at 50% 0%,rgba(255,183,123,.04) 0%,transparent 50%),#001039; }
body.theme-navy #topbar::after { background:linear-gradient(90deg,transparent,#ffb77b,#ff8c42,transparent);opacity:.35; }
body.theme-navy #topbar .logo { background:linear-gradient(135deg,#ffb77b,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-navy #topbar .logo span { -webkit-text-fill-color:#806858; }
body.theme-navy .hub-hero h1 em { background:linear-gradient(135deg,#ffb77b,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-navy .hub-stats .stat .val { background:linear-gradient(135deg,#ffb77b,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-navy .hero-btn-primary { background:linear-gradient(135deg,#ffb77b,#ff8c42);color:#001039; }
body.theme-navy .gen-card::before { background:linear-gradient(90deg,transparent,rgba(255,183,123,.15),transparent); }
body.theme-navy .gen-card .badge.new { background:linear-gradient(135deg,#ffb77b,#ff8c42);color:#001039; }
body.theme-navy .hub-section h2::before { background:linear-gradient(180deg,#ffb77b,#ff8c42); }
body.theme-navy #sidebar { background:linear-gradient(180deg,#001849,#001039); }

/* -- LAVENDER -- */
body.theme-lavender #topbar::after { background:linear-gradient(90deg,transparent,#5b4dad,#e8558a,transparent);opacity:.12; }
body.theme-lavender #topbar .logo { background:linear-gradient(135deg,#5b4dad,#7c6bc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-lavender #topbar .logo span { -webkit-text-fill-color:#8880a0; }
body.theme-lavender .hub-hero h1 em { background:linear-gradient(135deg,#5b4dad,#e8558a);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-lavender .hub-stats .stat .val { background:linear-gradient(135deg,#5b4dad,#e8558a);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-lavender .hero-btn-primary { background:#5b4dad;color:#fff;box-shadow:0 4px 16px rgba(91,77,173,.2); }
body.theme-lavender .hero-btn-order { background:#fff;color:#5b4dad;border:2px solid #5b4dad;box-shadow:none; }
body.theme-lavender .hero-btn-maker { background:#fff;color:#2e7d32;border:2px solid #2e7d32;box-shadow:none; }
body.theme-lavender .hub-search input:focus { box-shadow:0 0 0 3px rgba(91,77,173,.1); }
body.theme-lavender .hub-section h2::before { background:linear-gradient(180deg,#5b4dad,#e8558a); }

/* -- MONO -- */
body.theme-mono #topbar .logo { background:none;-webkit-text-fill-color:#fff;font-weight:800;letter-spacing:1px; }
body.theme-mono #topbar .logo span { -webkit-text-fill-color:#686868; }
body.theme-mono .hub-hero h1 em { background:none;-webkit-text-fill-color:#fff;font-style:normal; }
body.theme-mono .hub-stats { border-radius:0; }
body.theme-mono .hub-stats .stat .val { background:none;-webkit-text-fill-color:#fff; }
body.theme-mono .hero-btn { border-radius:0; }
body.theme-mono .hero-btn-primary { background:#fff;color:#131313;box-shadow:none; }
body.theme-mono .hero-btn-order { background:transparent;color:#fff;border:1px solid #fff;box-shadow:none; }
body.theme-mono .hub-search input { border-radius:0; }
body.theme-mono .hub-search input:focus { box-shadow:none; }
body.theme-mono .gen-card { border-radius:0; }
body.theme-mono .gen-card:hover { box-shadow:none;transform:none; }
body.theme-mono .gen-card .badge.new { border-radius:0; }
body.theme-mono .gen-card .tag { border-radius:0; }
body.theme-mono .hub-section h2 { text-transform:uppercase;letter-spacing:2px; }
body.theme-mono .hub-section h2::before { border-radius:0; }
body.theme-mono .section-card, body.theme-mono .hub-tip, body.theme-mono .card { border-radius:0; }

/* -- FROST -- */
body.theme-frost #topbar::after { background:linear-gradient(90deg,transparent,#bed060,#c8e8f1,transparent);opacity:.3; }
body.theme-frost #topbar .logo { background:linear-gradient(135deg,#bed060,#c8e8f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-frost #topbar .logo span { -webkit-text-fill-color:#909378; }
body.theme-frost .hub-hero h1 em { background:linear-gradient(135deg,#bed060,#c8e8f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-frost .hub-stats .stat .val { background:linear-gradient(135deg,#bed060,#c8e8f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-frost .hero-btn-primary { background:#bed060;color:#131313; }
body.theme-frost .hero-btn-order { background:transparent;color:#c8e8f1;border:1px solid #c8e8f1;box-shadow:none; }
body.theme-frost .hub-section h2::before { background:linear-gradient(180deg,#bed060,#606f00); }

/* -- VIVID -- */
body.theme-vivid #topbar::after { background:linear-gradient(90deg,transparent,#006875,#ad009b,transparent);opacity:.15; }
body.theme-vivid #topbar .logo { background:linear-gradient(135deg,#006875,#ad009b);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-vivid #topbar .logo span { -webkit-text-fill-color:#7a7a7a; }
body.theme-vivid .hub-hero h1 em { background:linear-gradient(135deg,#006875,#ad009b);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-vivid .hub-stats .stat .val { background:linear-gradient(135deg,#006875,#ad009b);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-vivid .hero-btn-primary { background:#006875;color:#fff;box-shadow:0 4px 16px rgba(0,104,117,.2); }
body.theme-vivid .hero-btn-order { background:#ad009b;color:#fff;box-shadow:0 4px 16px rgba(173,0,155,.15); }
body.theme-vivid .hero-btn-maker { background:#f9e534;color:#191c1d;box-shadow:none; }
body.theme-vivid .gen-card .badge.pro { background:#ad009b;color:#fff; }
body.theme-vivid .hub-section h2::before { background:linear-gradient(180deg,#006875,#ad009b); }

/* -- EMBER -- */
body.theme-ember #hub { background:radial-gradient(ellipse at 50% 100%,rgba(255,69,0,.04) 0%,transparent 60%),#1a0808; }
body.theme-ember #topbar::after { background:linear-gradient(90deg,transparent,#ff4500,#ffa040,transparent);opacity:.35; }
body.theme-ember #topbar .logo { background:linear-gradient(135deg,#ff4500,#ffa040);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-ember #topbar .logo span { -webkit-text-fill-color:#8a5848; }
body.theme-ember .hub-hero h1 em { background:linear-gradient(135deg,#ff4500,#ffa040);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-ember .hub-stats .stat .val { background:linear-gradient(135deg,#ff4500,#ffa040);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-ember .hero-btn-primary { background:linear-gradient(135deg,#ff4500,#ff6a33);color:#fff;box-shadow:0 4px 20px rgba(255,69,0,.3); }
body.theme-ember .gen-card::before { background:linear-gradient(90deg,transparent,rgba(255,69,0,.15),transparent); }
body.theme-ember .gen-card .badge.new { background:linear-gradient(135deg,#ff4500,#ffa040);color:#fff; }
body.theme-ember .hub-section h2::before { background:linear-gradient(180deg,#ff4500,#ffa040); }

/* -- MATRIX -- */
body.theme-matrix #topbar { font-family:var(--font); }
body.theme-matrix #topbar::after { background:#00ff00;opacity:.15;height:1px; }
body.theme-matrix #topbar .logo { background:none;-webkit-text-fill-color:#00ff00;font-family:var(--font);text-shadow:0 0 8px rgba(0,255,0,.4); }
body.theme-matrix #topbar .logo span { -webkit-text-fill-color:#226622; }
body.theme-matrix .hub-nav button { font-family:var(--font);font-size:11px; }
body.theme-matrix .hub-hero h1 { font-family:var(--font);font-size:32px;text-shadow:0 0 16px rgba(0,255,0,.3); }
body.theme-matrix .hub-hero h1 em { background:none;-webkit-text-fill-color:#00ff00;text-shadow:0 0 20px rgba(0,255,0,.5); }
body.theme-matrix .hub-hero p { font-family:var(--font);font-size:12px; }
body.theme-matrix .hub-stats { border-radius:0; }
body.theme-matrix .hub-stats .stat .val { background:none;-webkit-text-fill-color:#00ff00;font-family:var(--font);text-shadow:0 0 8px rgba(0,255,0,.3); }
body.theme-matrix .hub-stats .stat .lbl { font-family:var(--font);font-size:9px; }
body.theme-matrix .hero-btn { font-family:var(--font);border-radius:0;text-transform:uppercase;letter-spacing:1px; }
body.theme-matrix .hero-btn-primary { background:#00ff00;color:#000;box-shadow:0 0 16px rgba(0,255,0,.25); }
body.theme-matrix .hub-search input { font-family:var(--font);border-radius:0;color:#00ff00; }
body.theme-matrix .gen-card { border-radius:0; }
body.theme-matrix .gen-card:hover { transform:none; }
body.theme-matrix .gen-card::before { background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent); }
body.theme-matrix .gen-card h3 { font-family:var(--font);font-size:12px; }
body.theme-matrix .gen-card p { font-family:var(--font);font-size:10px; }
body.theme-matrix .gen-card .badge.new { border-radius:0;font-family:var(--font); }
body.theme-matrix .gen-card .tag { font-family:var(--font);border-radius:0; }
body.theme-matrix .hub-section h2 { font-family:var(--font);text-transform:uppercase;letter-spacing:2px;font-size:11px; }
body.theme-matrix .hub-section h2::before { border-radius:0; }
body.theme-matrix .section-card, body.theme-matrix .hub-tip, body.theme-matrix .card { border-radius:0; }
body.theme-matrix .hub-tip, body.theme-matrix #sidebar { font-family:var(--font); }

/* -- SAKURA -- */
body.theme-sakura #hub { background:linear-gradient(180deg,#fdf2f4,#fef8f9); }
body.theme-sakura #topbar::after { background:linear-gradient(90deg,transparent,#d4638f,#e88aaa,transparent);opacity:.12; }
body.theme-sakura #topbar .logo { background:linear-gradient(135deg,#d4638f,#8b4070);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-sakura #topbar .logo span { -webkit-text-fill-color:#a08090; }
body.theme-sakura .hub-hero h1 em { background:linear-gradient(135deg,#d4638f,#e88aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-sakura .hub-stats .stat .val { background:linear-gradient(135deg,#d4638f,#e88aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.theme-sakura .hero-btn-primary { background:linear-gradient(135deg,#d4638f,#e88aaa);color:#fff;box-shadow:0 4px 16px rgba(212,99,143,.2); }
body.theme-sakura .hero-btn-order { background:#fff;color:#d4638f;border:2px solid #d4638f;box-shadow:none; }
body.theme-sakura .hero-btn-maker { background:#fff;color:#558b2f;border:2px solid #558b2f;box-shadow:none; }
body.theme-sakura .gen-card .badge.new { background:linear-gradient(135deg,#d4638f,#e88aaa);color:#fff; }
body.theme-sakura .hub-section h2::before { background:linear-gradient(180deg,#d4638f,#e88aaa); }

/* S5: Preview Swatches */
.ts-prev-playful { background:linear-gradient(135deg,#fff8e1,#fff3e0);border-color:#f9a825 !important; }
.ts-prev-warm { background:linear-gradient(135deg,#fdf0e6,#f5e6d3);border-color:#c27a4f !important; }
.ts-prev-retro { background:linear-gradient(135deg,#0a0025,#1a0040);border-color:#ff00ff !important; }
.ts-prev-minimal { background:#000;border-color:#333 !important; }
.ts-prev-neumorphic { background:#3a3f4b;border-color:#ffc67d !important; }
.ts-prev-brutalist { background:#e8e4de;border-color:#000 !important; }
.ts-prev-luxury { background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-color:#c9a84c !important; }
.ts-prev-blocks { background:#fff;border-color:#e65100 !important; }
.ts-prev-cyber { background:linear-gradient(135deg,#0a0020,#100030);border-color:#0ff !important; }

/* S6: Creative "Generieren" button on cards */
body.theme-creative .v3-gen-btn { display:block;width:calc(100% - 20px);margin:0 10px 10px;padding:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;border-radius:8px;color:#fff;font-weight:700;font-size:12px;cursor:pointer;text-align:center;transition:opacity .2s; }
body.theme-creative .v3-gen-btn:hover { opacity:.85; }

/* S7: Responsive */
@media (max-width:768px) {
  body.theme-industrial .hub-hero h1 { font-size:22px;letter-spacing:1px; }
  body.theme-clean .hub-hero h1, body.theme-creative .hub-hero h1, body.theme-playful .hub-hero h1, body.theme-warm .hub-hero h1, body.theme-retro .hub-hero h1 { font-size:28px; }
  body.theme-industrial .hub-stats, body.theme-clean .hub-stats, body.theme-creative .hub-stats, body.theme-playful .hub-stats, body.theme-warm .hub-stats, body.theme-retro .hub-stats { flex-wrap:wrap;gap:14px; }
}