:root{--vx-bg:#0b0d14;--vx-card-bg:#181a24;--vx-card-bg-hover:#1d202c;--vx-card-inner:#12141d;--vx-border:#ffffff14;--vx-border-hover:#6366f180;--vx-border-glow:#8b5cf64d;--vx-indigo:#6366f1;--vx-indigo-light:#818cf8;--vx-violet:#8b5cf6;--vx-amber:#f59e0b;--vx-emerald:#10b981;--vx-rose:#f43f5e;--vx-text-primary:#f4f5f7;--vx-text-secondary:#a3a7b7;--vx-text-muted:#6b7080;--vx-font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--vx-font-mono:"JetBrains Mono", ui-monospace, monospace;--vx-radius-sm:8px;--vx-radius-md:14px;--vx-radius-lg:20px;--vx-shadow-glow:0 0 30px #6366f126}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--vx-bg);color:var(--vx-text-primary);font-family:var(--vx-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15% 10%,#6366f11f 0%,#0000 40%),radial-gradient(circle at 85% 60%,#8b5cf61a 0%,#0000 45%),radial-gradient(circle at 50% 90%,#10b9810d 0%,#0000 40%);background-attachment:fixed;min-height:100vh;line-height:1.5}.font-mono{font-family:var(--vx-font-mono)}.text-gradient{background:linear-gradient(135deg,#fff 0%,#a3a7b7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-indigo{background:linear-gradient(135deg,#818cf8 0%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--vx-bg)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.generator-grid{grid-template-columns:1fr;align-items:start;gap:2rem;display:grid}@media (width>=992px){.generator-grid{grid-template-columns:7fr 5fr}}.header-brand{color:var(--vx-text-primary);letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.header-brand-icon{background:linear-gradient(135deg, var(--vx-indigo), var(--vx-violet));border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 0 15px #6366f166}.badge-subdomain{color:var(--vx-indigo-light);letter-spacing:.02em;background:#6366f126;border:1px solid #6366f14d;border-radius:9999px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.badge-emerald{color:var(--vx-emerald);background:#10b98126;border:1px solid #10b9814d;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-amber{color:var(--vx-amber);background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.vx-card{background-color:var(--vx-card-bg);border:1px solid var(--vx-border);border-radius:var(--vx-radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .25s,box-shadow .25s}.vx-card:hover{border-color:var(--vx-border-hover)}.vx-card-glow{box-shadow:var(--vx-shadow-glow);border-color:#6366f140}.tab-chip{border:1px solid var(--vx-border);color:var(--vx-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#ffffff0a;border-radius:9999px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.tab-chip:hover{color:var(--vx-text-primary);background:#ffffff14;border-color:#ffffff26}.tab-chip.active{background:var(--vx-indigo);color:#fff;border-color:var(--vx-indigo);box-shadow:0 0 15px #6366f166}.form-label{color:var(--vx-text-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-input,.form-textarea,.form-select{background:var(--vx-card-inner);border:1px solid var(--vx-border);border-radius:var(--vx-radius-md);width:100%;color:var(--vx-text-primary);font-size:.925rem;font-family:var(--vx-font-sans);outline:none;padding:.75rem 1rem;transition:all .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--vx-indigo);box-shadow:0 0 0 3px #6366f133}.form-textarea{resize:vertical;min-height:90px}.style-swatch{background:var(--vx-card-inner);border:1px solid var(--vx-border);border-radius:var(--vx-radius-md);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem;transition:all .2s;display:flex}.style-swatch:hover{background:var(--vx-card-bg-hover);border-color:#6366f166}.style-swatch.selected{border-color:var(--vx-indigo);background:#6366f11f;box-shadow:0 0 12px #6366f140}.style-swatch-title{color:var(--vx-text-secondary);font-size:.75rem;font-weight:600}.style-swatch.selected .style-swatch-title{color:var(--vx-indigo-light)}.btn-primary{background:linear-gradient(135deg, var(--vx-indigo), var(--vx-violet));color:#fff;border-radius:var(--vx-radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--vx-border);color:var(--vx-text-primary);border-radius:var(--vx-radius-md);cursor:pointer;background:#ffffff0f;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}.animate-pulse-glow{animation:3s ease-in-out infinite pulseGlow}