:root{--primary-gradient:linear-gradient(135deg, #4c1d95 0%, #1e293b 100%);--primary-color:#7c3aed;--primary-dark:#6d28d9;--secondary-color:#6c757d;--secondary-dark:#5a6268;--accent-color:#06b6d4;--accent-dark:#0891b2;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--surface:#fff;--surface-dark:#f8fafc;--border:#e2e8f0;--border-focus:var(--accent-color);--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-dark:#1e293b;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:var(--accent-color);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #00000026;--shadow-lg:0 8px 32px #0003;--shadow-glow:0 0 20px #7c3aed4d;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Poppins", sans-serif}[data-theme=dark]{--primary-gradient:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--surface:#1e293b;--surface-dark:#0f172a;--border:#334155;--text-dark:#f1f5f9;--text-muted:#94a3b8;--text-secondary:#64748b;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #7c3aed66}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--primary-gradient);min-height:100vh;color:var(--text-dark);font-weight:400;line-height:1.5}.container{background:var(--surface);border-radius:var(--radius-lg);max-width:800px;box-shadow:var(--shadow-lg);border:1px solid var(--border);margin:0 auto;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.5px;font-weight:600}.form-group{margin-bottom:var(--space-md)}.form-group label{margin-bottom:var(--space-xs);color:var(--text-dark);letter-spacing:.2px;font-size:.85rem;font-weight:500;display:block}.input-help{margin-top:var(--space-xs);color:var(--text-muted);font-size:.75rem;line-height:1.3}.platform-notice{margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-align:center;background:#06b6d41a;border:1px solid #06b6d44d}.platform-notice p{color:var(--accent-color);margin:0;font-size:.8rem;font-weight:500}.platform-notice strong{color:var(--accent-dark)}input[type=text],input[type=url]{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);font-size:.85rem;font-family:var(--font-body);background:var(--surface);transition:all .2s}input[type=text]:focus,input[type=url]:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #06b6d41a}select{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);font-size:.85rem;font-family:var(--font-body);background:var(--surface);cursor:pointer;transition:all .2s}select:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #06b6d41a}textarea{width:100%;min-height:160px;padding:var(--space-sm) var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);resize:vertical;background:var(--surface);font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;line-height:1.3;transition:all .2s}textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #06b6d41a}button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:.8rem;font-weight:600;font-family:var(--font-body);cursor:pointer;text-transform:uppercase;letter-spacing:.3px;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;min-width:100px;min-height:40px;transition:all .2s}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg, var(--secondary-color), var(--secondary-dark));color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg, var(--accent-color), var(--accent-dark));color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-accent:hover{box-shadow:var(--shadow-md), 0 0 20px #06b6d466;transform:translateY(-2px)}.btn-primary:disabled{background:var(--secondary-color);cursor:not-allowed;opacity:.6;transform:none}.btn-primary:disabled:before{display:none}.button-group{margin-top:var(--space-xl);justify-content:space-between;gap:var(--space-md);display:flex}.status{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid #0000;font-size:.9rem;font-weight:500}.status.connected{background:linear-gradient(135deg, var(--success), #00e676);color:var(--text-dark);box-shadow:0 0 15px #00ff884d}.status.disconnected{background:linear-gradient(135deg, var(--error), #ff6b7a);color:var(--text-primary);box-shadow:0 0 15px #ff47574d}.status.loading{background:linear-gradient(135deg, var(--warning), #ffc947);color:var(--text-primary);box-shadow:0 0 15px #ffb8004d}.validation-status{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500}.status-validating{color:var(--warning);background:#ffb8001a;border:1px solid #ffb8004d}.status-valid{color:var(--success);background:#00ff881a;border:1px solid #00ff884d}.status-invalid{color:var(--error);background:#ff47571a;border:1px solid #ff47574d}.url-validating{background-color:#ffb8000d;border-color:var(--warning)!important}.url-valid{background-color:#00ff880d;border-color:var(--success)!important}.url-invalid{background-color:#ff47570d;border-color:var(--error)!important}.conditional-section{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--surface-dark);border-radius:var(--radius-md);border:2px solid var(--border)}.select-group{gap:var(--space-md);flex-wrap:wrap;display:flex}.select-option{flex:1;min-width:120px}@media (width<=768px){body{padding:var(--space-sm);align-items:flex-start;min-height:100vh}.container{min-height:calc(100vh - var(--space-md));flex-direction:column;display:flex}.step-container{padding-bottom:calc(var(--space-xl) + 60px);flex-direction:column;flex:1;display:flex}.step{flex-direction:column;flex:1;display:flex}.step.active{display:flex}.button-group{padding-top:var(--space-lg);background:var(--surface);border-top:1px solid var(--border);margin-top:auto;margin-left:calc(-1 * var(--space-lg));margin-right:calc(-1 * var(--space-lg));padding-left:var(--space-lg);padding-right:var(--space-lg);padding-bottom:var(--space-lg);z-index:10;position:sticky;bottom:0}.select-group,.button-group{flex-direction:column}button{min-width:auto}}