*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f1a;--surface:#1a1a2e;--surface2:#16213e;--accent:#e94560;--accent2:#0f3460;--text:#e8e8f0;--muted:#88a;--border:#2a2a45;--success:#4caf50;--warning:#ff9800;--radius:8px;--font:system-ui, "Segoe UI", sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;font-size:16px;line-height:1.5}h1{font-size:2rem;font-weight:700}h2{font-size:1.4rem;font-weight:600}h3{font-size:1.1rem;font-weight:600}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn:hover{opacity:.88}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--accent2);color:#fff}.btn-ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.btn-danger{color:#fff;background:#7f1d1d}.btn-sm{padding:6px 12px;font-size:.82rem}input,textarea,select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.95rem;font-family:var(--font);outline:none;width:100%;padding:10px 12px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:80px}label{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.badge-pending{color:var(--muted);background:#333}.badge-generating{color:#60a5fa;background:#1a3a5c;animation:1.5s infinite pulse}.badge-done{color:#4ade80;background:#1a3a1a}.badge-failed{color:#f87171;background:#3a1a1a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.field{margin-bottom:16px}.error-msg{color:#f87171;border-radius:var(--radius);background:#3a1a1a;border:1px solid #7f1d1d;margin-bottom:12px;padding:10px 14px;font-size:.9rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.step-indicator{align-items:center;gap:8px;margin-bottom:32px;display:flex}.step-dot{background:var(--surface2);width:32px;height:32px;color:var(--muted);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.step-dot.active{background:var(--accent);color:#fff;border-color:var(--accent)}.step-dot.done{background:var(--success);color:#fff;border-color:var(--success)}.step-line{background:var(--border);flex:1;height:2px}.step-line.done{background:var(--success)}