.form-input-base,input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=search],select,textarea{min-width:100%!important;height:var(--form-input-height-md);padding:var(--form-input-padding-md);font-size:1em;font-family:inherit;font-weight:500;line-height:1.4;background-color:#fff!important;color:#000!important;border:var(--form-input-border);border-radius:var(--form-input-radius);transition:var(--form-input-transition);outline:none;padding:0 16px;box-sizing:border-box}.form-input-base:hover,input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,input[type=url]:hover,input[type=search]:hover,select:hover,textarea:hover{border-color:var(--form-input-border-hover)}.form-input-base:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=url]:focus,input[type=search]:focus,select:focus,textarea:focus{border-color:var(--form-input-border-focus);box-shadow:var(--form-input-shadow-focus)}.form-input-base::placeholder,input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder,textarea::placeholder{color:var(--form-input-placeholder);opacity:1}.form-input-select,select{padding-right:48px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;line-height:1.4;vertical-align:middle}.unified-select{height:52px!important;line-height:1.5!important;padding:14px 48px 14px 16px!important;display:flex!important;align-items:center!important}[data-theme=dark] .form-input-select,[data-theme=dark] select{background-repeat:no-repeat;background-position:right 16px center;background-size:16px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ccc' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.form-input-select option,select option{background:var(--form-input-bg);color:var(--form-input-text);padding:8px 12px}select[multiple]{height:auto;min-height:120px;padding:8px}select[multiple] option{padding:8px 12px;margin:2px 0;border-radius:6px}select[multiple] option:checked{background:var(--accent-color);color:var(--text-on-accent)}select[multiple] option:hover{background:var(--accent-color-hover);color:var(--text-on-accent)}.form-input-textarea,textarea{height:auto;min-height:80px;resize:vertical;line-height:1.5}.form-input-base.size-sm,.form-input-select.size-sm{height:var(--form-input-height-sm);padding:var(--form-input-padding-sm);font-size:.85em}.form-input-select.size-sm{padding-right:36px;background-size:14px;background-position:right 12px center}.form-input-base.size-lg,.form-input-select.size-lg{height:var(--form-input-height-lg);padding:var(--form-input-padding-lg);font-size:1.05em}.form-input-select.size-lg{padding-right:52px;background-size:20px;background-position:right 20px center}.form-input-number,input[type=number]{text-align:center;width:auto;min-width:80px}.form-input-number.size-sm{width:60px;min-width:60px}.form-input-search,input[type=search]{padding-left:40px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cpath d='m21 21-4.35-4.35'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:12px center;background-size:16px}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{appearance:none}.form-input-color,input[type=color]{width:60px;height:40px;padding:4px;border-radius:8px;cursor:pointer}.form-input-color-value,.color-value-input{max-width:120px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;font-size:13px;text-transform:uppercase;letter-spacing:.5px;text-align:left}input[type=color]::-webkit-color-swatch,input[type=color]::-moz-color-swatch{border:none;border-radius:4px}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none}.form-input-file,input[type=file]{padding:8px 12px;background:var(--form-input-bg);cursor:pointer}.form-input-toggle,.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.form-input-toggle input,.toggle-switch input{opacity:0;width:0;height:0}.form-input-toggle-slider,.toggle-slider{position:absolute;inset:0;background:#374151;border-radius:24px;transition:var(--form-input-transition);box-shadow:var(--form-input-shadow);cursor:pointer}.form-input-toggle-slider:before,.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:var(--form-input-transition);box-shadow:0 2px 4px #0003}.form-input-toggle input:checked+.form-input-toggle-slider,.toggle-switch input:checked+.toggle-slider{background:var(--accent-color)}.form-input-toggle input:checked+.form-input-toggle-slider:before,.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.form-input-toggle:hover .form-input-toggle-slider,.toggle-switch:hover .toggle-slider{box-shadow:var(--form-input-shadow-hover)}.form-input-range,input[type=range]{appearance:none;width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;transition:var(--form-input-transition)}.form-input-range:hover,input[type=range]:hover{background:#d1d5db}.form-input-range::-webkit-slider-thumb,.form-input-range::-moz-range-thumb,input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #00000026;transition:var(--form-input-transition)}.form-input-range::-webkit-slider-thumb:hover,.form-input-range::-moz-range-thumb:hover,input[type=range]::-webkit-slider-thumb:hover,input[type=range]::-moz-range-thumb:hover{background:var(--accent-color-hover);transform:scale(1.1);box-shadow:0 4px 12px #0003}.form-input-checkbox,input[type=checkbox]{width:18px;height:18px;border-radius:4px;cursor:pointer}.form-input-checkbox:checked,input[type=checkbox]:checked{background:var(--accent-color);border-color:var(--accent-color)}.form-input-base:disabled,input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=url]:disabled,input[type=search]:disabled,select:disabled,textarea:disabled{background:var(--container-light);color:var(--form-input-placeholder);cursor:not-allowed;opacity:.6}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-weight:600;color:var(--form-input-text);margin-bottom:8px;font-size:.95em}.form-group.inline{display:flex;align-items:center;gap:12px}.form-group.compact{margin-bottom:12px}.form-input-base.error{border-color:#ef4444;background:#fef2f2}.form-input-base.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444426}.form-input-base.success{border-color:#10b981;background:#f0fdf4}.form-input-base.success:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b98126}.form-input-base.warning{border-color:#f59e0b;background:#fffbeb}.form-input-base.warning:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b26}.hidden{display:none}.embed-code,.link-input{font-family:monospace;font-size:.9em}[data-theme=dark] .form-input-base,[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] input[type=number],[data-theme=dark] input[type=url],[data-theme=dark] input[type=search],[data-theme=dark] select,[data-theme=dark] textarea{background:var(--container-bg, #1a1a1a);border-color:var(--border-color, #555);color:var(--text-primary, #fff)}[data-theme=dark] .form-input-base::placeholder,[data-theme=dark] input[type=text]::placeholder,[data-theme=dark] input[type=email]::placeholder,[data-theme=dark] input[type=password]::placeholder,[data-theme=dark] input[type=number]::placeholder,[data-theme=dark] input[type=url]::placeholder,[data-theme=dark] input[type=search]::placeholder,[data-theme=dark] textarea::placeholder{color:var(--form-input-placeholder)}.text-question-input,#textQuestionInput{border:none!important}.text-question-input:hover,#textQuestionInput:hover{border:1px solid var(--border-color)!important}.text-question-input:focus,#textQuestionInput:focus{border:none!important;box-shadow:none!important}.text-question-input,#textQuestionInput{background:var(--container-bg);border-radius:0 8px 8px 0;height:48px;font-size:16px;border:none!important}#outcomeInput{flex:0 0 180px!important;width:100%!important;max-width:340px!important;min-width:340px!important;box-sizing:border-box}@media(max-width:768px){.form-input-base,input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=search],select,textarea{padding:10px 14px;font-size:16px}#outcomeInput{flex:0 0 180px!important;width:100%!important;max-width:280px!important;min-width:280px!important;box-sizing:border-box}.form-input-select,select{padding-right:44px}.form-input-toggle,.toggle-switch{width:44px;height:22px}.form-input-toggle-slider:before,.toggle-slider:before{height:16px;width:16px;left:3px;bottom:3px}.form-input-toggle input:checked+.form-input-toggle-slider:before,.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}}.gradient-picker-container{margin-top:8px}.gradient-picker-wrapper{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--container-bg);border:1px solid var(--border-color);border-radius:var(--border-radius)}.gradient-preview{width:100%;height:80px;border-radius:var(--border-radius);background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1.5em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);position:relative}.gradient-preview:after{content:"Card Preview";font-size:.9em;font-weight:500}.gradient-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gradient-color-group,.gradient-direction-group{display:flex;flex-direction:column;gap:8px}.gradient-color-group label,.gradient-direction-group label{font-size:.9em;font-weight:500;color:var(--text-color)}.gradient-color-group .color-picker-controls{display:flex;align-items:center;gap:8px}.gradient-color-group input[type=color]{width:40px;height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;background:none}.gradient-color-group .color-hex{font-family:Courier New,monospace;font-size:.85em;color:var(--text-muted);min-width:60px}.gradient-direction-group select{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--input-bg);color:var(--text-color);font-size:.9em}.gradient-preset-group{grid-column:1 / -1;margin-top:8px}.gradient-preset-group label{font-size:.9em;font-weight:500;color:var(--text-color);margin-bottom:8px;display:block}.gradient-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:8px}.gradient-preset{width:50px;height:50px;border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;padding:4px;background:var(--container-bg);transition:all .2s ease;position:relative}.gradient-preset:hover{border-color:var(--accent-color);transform:scale(1.05)}.gradient-preset.active{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-alpha)}.gradient-preset .preset-gradient{width:100%;height:100%;border-radius:calc(var(--border-radius) - 2px)}@media(max-width:768px){.gradient-controls{grid-template-columns:1fr;gap:12px}.gradient-presets{grid-template-columns:repeat(6,1fr);gap:6px}.gradient-preset{width:100%;aspect-ratio:1;min-width:40px}.gradient-picker-wrapper{padding:12px;gap:12px}.gradient-preview{height:60px;font-size:1.2em}}.input-with-copy{max-width:calc(100% - 48px)!important;display:flex;gap:8px;align-items:center}.input-with-copy .form-input{flex:1}.input-with-copy .btn-secondary{padding:8px 12px;height:auto;min-width:auto}.input-with-ai-button{display:flex;gap:8px;align-items:flex-start}.input-with-ai-button .form-input,.input-with-ai-button .form-textarea{flex:1}body.light-theme{--color-bg-primary: #f0f2f5;--color-bg-secondary: var(--color-white);--color-bg-tertiary: var(--color-gray-100);--color-bg-elevated: var(--color-white);--color-bg-overlay: rgba(255, 255, 255, .9);--color-bg-glass: rgba(255, 255, 255, .95);--color-surface-primary: var(--color-white);--color-surface-secondary: var(--color-gray-100);--color-surface-tertiary: var(--color-gray-150);--color-surface-elevated: var(--color-white);--color-surface-interactive: var(--color-gray-200);--color-surface-hover: var(--color-gray-150);--color-surface-pressed: var(--color-gray-250);--color-border-primary: var(--color-gray-300);--color-border-secondary: var(--color-gray-250);--color-border-tertiary: var(--color-gray-200);--color-text-primary: #1c1c1e;--color-text-secondary: #555555;--color-text-tertiary: #6e6e73;--color-text-quaternary: var(--color-gray-400);--color-text-disabled: var(--color-gray-400);--color-text-inverse: var(--color-white);--color-text-accent: #9a00d2;--color-text-on-accent: var(--color-white);--color-interactive-secondary: var(--color-gray-150);--color-interactive-secondary-hover: var(--color-gray-200);--color-interactive-secondary-pressed: var(--color-gray-250);--color-input-bg: var(--color-white);--color-input-border: var(--color-gray-300);--color-input-text: var(--color-text-primary);--color-input-disabled-bg: var(--color-gray-100);--color-shadow-light: rgba(0, 0, 0, .05);--color-shadow-medium: rgba(0, 0, 0, .1);--color-shadow-dark: rgba(0, 0, 0, .15);--color-shadow-intense: rgba(0, 0, 0, .25);--color-overlay-light: rgba(255, 255, 255, .3);--color-overlay-medium: rgba(255, 255, 255, .7);--color-overlay-dark: rgba(255, 255, 255, .9);--color-pointer: var(--color-white);--color-winner: #9a00d2}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-elevated{background-color:var(--color-bg-elevated)}.bg-surface{background-color:var(--color-surface-primary)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-surface-tertiary{background-color:var(--color-surface-tertiary)}.bg-accent{background-color:var(--color-accent)}.bg-success{background-color:var(--color-success)}.bg-error{background-color:var(--color-error)}.bg-warning{background-color:var(--color-warning)}.bg-info{background-color:var(--color-info)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-quaternary{color:var(--color-text-quaternary)}.text-disabled{color:var(--color-text-disabled)}.text-inverse{color:var(--color-text-inverse)}.text-accent{color:var(--color-text-accent)}.text-on-accent{color:var(--color-text-on-accent)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.border-primary{border-color:var(--color-border-primary)}.border-secondary{border-color:var(--color-border-secondary)}.border-tertiary{border-color:var(--color-border-tertiary)}.border-interactive{border-color:var(--color-border-interactive)}.border-focus{border-color:var(--color-border-focus)}.border-hover{border-color:var(--color-border-hover)}.border-accent{border-color:var(--color-accent)}.border-success{border-color:var(--color-success)}.border-error{border-color:var(--color-error)}.border-warning{border-color:var(--color-warning)}.border-info{border-color:var(--color-info)}.hover\:bg-hover:hover{background-color:var(--color-surface-hover)}.hover\:bg-accent:hover{background-color:var(--color-accent-hover)}.hover\:text-accent:hover{color:var(--color-accent-hover)}.hover\:border-accent:hover{border-color:var(--color-accent-hover)}.focus\:bg-focus:focus{background-color:var(--color-surface-interactive)}.focus\:border-focus:focus{border-color:var(--color-border-focus)}.focus\:text-accent:focus{color:var(--color-accent)}.shadow-light{box-shadow:0 2px 4px var(--color-shadow-light)}.shadow-medium{box-shadow:0 4px 8px var(--color-shadow-medium)}.shadow-dark{box-shadow:0 8px 16px var(--color-shadow-dark)}.shadow-intense{box-shadow:0 12px 24px var(--color-shadow-intense)}.color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--color-border-secondary);transition:all .2s ease;cursor:pointer}.color-swatch:hover{transform:scale(1.1);border-color:var(--color-border-hover);box-shadow:0 2px 8px var(--color-shadow-medium)}.color-swatch.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.3)}.premium-glow{background:var(--color-premium-background);border:1px solid var(--color-premium);box-shadow:0 0 12px rgba(var(--color-premium-rgb),.3);color:var(--color-premium)}.epic-glow{background:var(--color-epic-glow);animation:epic-rotation 6s linear infinite}@media(prefers-contrast:high){:root{--color-border-primary: var(--color-white);--color-border-secondary: var(--color-gray-300);--color-text-secondary: var(--color-white);--color-shadow-light: rgba(0, 0, 0, .8);--color-shadow-medium: rgba(0, 0, 0, .9);--color-shadow-dark: rgba(0, 0, 0, 1)}body.light-theme{--color-border-primary: var(--color-gray-900);--color-border-secondary: var(--color-gray-700);--color-text-secondary: var(--color-gray-900)}}@media(prefers-reduced-motion:reduce){.epic-glow{animation:none}.color-swatch{transition:none}.color-swatch:hover{transform:none}}