: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: #ffffff;--surface-dark: #f8fafc;--border: #e2e8f0;--border-focus: var(--accent-color);--text-primary: #ffffff;--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 rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(124, 58, 237, .3);--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 rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(124, 58, 237, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-weight:400;background:var(--primary-gradient);min-height:100vh;color:var(--text-dark);line-height:1.5}.container{max-width:800px;margin:0 auto;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:.5px}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:var(--space-xs);font-weight:500;color:var(--text-dark);font-size:.85rem;letter-spacing:.2px}.input-help{margin-top:var(--space-xs);font-size:.75rem;color:var(--text-muted);line-height:1.3}.platform-notice{margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:var(--radius-md);text-align:center}.platform-notice p{margin:0;font-size:.8rem;color:var(--accent-color);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);transition:all .2s ease;background:var(--surface)}input[type=text]:focus,input[type=url]:focus{outline:none;border-color:var(--border-focus);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 ease}select:focus{outline:none;border-color:var(--border-focus);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);font-size:.8rem;font-family:JetBrains Mono,Fira Code,monospace;resize:vertical;transition:all .2s ease;background:var(--surface);line-height:1.3}textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #06b6d41a}button{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .2s ease;min-width:100px;min-height:40px;text-transform:uppercase;letter-spacing:.3px;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-secondary{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-accent{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-accent:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 20px #06b6d466}.btn-primary:disabled{background:var(--secondary-color);cursor:not-allowed;transform:none;opacity:.6}.btn-primary:disabled:before{display:none}.button-group{display:flex;justify-content:space-between;margin-top:var(--space-xl);gap:var(--space-md)}.status{padding:var(--space-md);border-radius:var(--radius-md);font-weight:500;font-size:.9rem;border:1px solid transparent}.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{background:#ffb8001a;color:var(--warning);border:1px solid rgba(255,184,0,.3)}.status-valid{background:#00ff881a;color:var(--success);border:1px solid rgba(0,255,136,.3)}.status-invalid{background:#ff47571a;color:var(--error);border:1px solid rgba(255,71,87,.3)}.url-validating{border-color:var(--warning)!important;background-color:#ffb8000d}.url-valid{border-color:var(--success)!important;background-color:#00ff880d}.url-invalid{border-color:var(--error)!important;background-color:#ff47570d}.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{display:flex;gap:var(--space-md);flex-wrap:wrap}.select-option{flex:1;min-width:120px}@media (max-width: 768px){body{padding:var(--space-sm);align-items:flex-start;min-height:100vh}.container{min-height:calc(100vh - var(--space-md));display:flex;flex-direction:column}.step-container{flex:1;display:flex;flex-direction:column;padding-bottom:calc(var(--space-xl) + 60px)}.step{flex:1;display:flex;flex-direction:column}.step.active{display:flex}.button-group{margin-top:auto;padding-top:var(--space-lg);position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--border);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}.select-group,.button-group{flex-direction:column}button{min-width:auto}}