:root{--bg-primary: #1a1d29;--bg-card: #23263a;--bg-input: #2a2d3f;--bg-input-hover: #2f3346;--text-primary: #ffffff;--text-secondary: #9ba0b5;--text-muted: #6b7280;--accent-primary: #6366f1;--accent-hover: #7c3aed;--border-subtle: #3a3d52;--border-input: #4a4d62;--checkbox-checked: #6366f1;--checkbox-unchecked: #4a4d62}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.card{background-color:var(--bg-card);border-radius:12px;padding:2rem;width:100%;max-width:600px;box-shadow:0 4px 6px #0000004d}h1{font-size:2rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.subtitle{font-size:.8rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.section-title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.75rem}.checkbox-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.checkbox-item{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:1rem;cursor:pointer;transition:background-color .2s}.checkbox-item:hover{background-color:var(--bg-input-hover)}.checkbox-item input[type=checkbox]{appearance:none;width:20px;height:20px;border:2px solid var(--checkbox-unchecked);border-radius:4px;cursor:pointer;position:relative;flex-shrink:0;margin-top:2px}.checkbox-item input[type=checkbox]:checked{background-color:var(--checkbox-checked);border-color:var(--checkbox-checked)}.checkbox-item input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.checkbox-content{flex:1}.checkbox-label{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.checkbox-description{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.radio-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;min-width:400px}.radio-item{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:1rem;cursor:pointer;transition:background-color .2s}.radio-item:hover{background-color:var(--bg-input-hover)}.radio-item input[type=radio]{appearance:none;width:20px;height:20px;border:2px solid var(--checkbox-unchecked);border-radius:50%;cursor:pointer;position:relative;flex-shrink:0;margin-top:2px}.radio-item input[type=radio]:checked{border-color:var(--checkbox-checked)}.radio-item input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:var(--checkbox-checked);border-radius:50%}.radio-content{flex:1}.radio-label{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.radio-description{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.form-group{margin:1rem 0;display:flex;flex-direction:column;gap:1rem;min-width:450px}select{width:100%;padding:.875rem 3rem .875rem 1rem;background-color:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;color:var(--text-primary);font-size:1rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239ba0b5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}select:hover{background-color:var(--bg-input-hover)}select:focus{outline:none;border-color:var(--accent-primary)}textarea{width:100%;padding:.875rem 1rem;background-color:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;resize:none;min-height:120px}textarea:hover{background-color:var(--bg-input-hover)}textarea:focus{outline:none;border-color:var(--accent-primary)}textarea::placeholder{color:var(--text-muted)}.button-group{display:flex;justify-content:space-between;margin-top:2rem}.btn{padding:.75rem 1.75rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary{background-color:#000;color:#fff}.btn-secondary:hover{background-color:var(--bg-input)}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn:disabled{background-color:var(--bg-input);color:var(--text-muted);cursor:not-allowed;opacity:.5}.btn:disabled:hover{background-color:var(--bg-input)}.loading-shade{position:absolute;inset:0;background:#fff0;display:flex;align-items:center;justify-content:center;z-index:10}.spinner{width:40px;height:40px;border-radius:50%;border:4px solid rgba(0,0,0,.1);border-top-color:#333;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.vertical-divider{width:1px;background-color:var(--border-subtle)}input[type=email],input[type=text],input[type=password]{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;color:#e4e4e7;font-size:14px;font-family:inherit;transition:border-color .2s}input[type=email]:focus,input[type=text]:focus,input[type=password]:focus{outline:none;border-color:var(--border-input)}input[type=email]::placeholder,input[type=text]::placeholder,input[type=password]::placeholder{color:var(--text-muted)}.input-label{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.error-label{color:#ef4444;font-size:.8rem;margin-top:6px;font-weight:400}.preview-outer-container{display:flex;flex-direction:row;justify-content:start;min-height:100vh;width:100vw}.preview-sidebar{margin:10px;display:flex;flex-direction:column;gap:20px}.preview-inner-container{display:flex;flex-direction:column;flex-grow:1;margin:10px;gap:10px}.preview-topbar{height:40px;background-color:var(--bg-card);border-radius:8px;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-end;padding:0 1rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label span{font-size:.9rem;color:var(--text-primary);font-weight:500}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input[type=checkbox]{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-input);border:1px solid var(--border-input);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--text-secondary);transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-primary);border-color:var(--accent-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background-color:#fff}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #6366f133}.preview-iframe-container{flex-grow:3;border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;background-color:#fff}.preview-iframe-container iframe{background-color:#f9f9fb;width:100%;height:100vh;border:none}.preview-iframe-container.mobile{background-color:#8a95a5;min-height:760px;height:100%;position:relative}.preview-iframe-container.mobile:after{top:35%;bottom:auto}.preview-iframe-container.mobile iframe{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);z-index:2;width:320px;border-radius:2px;overflow:hidden;min-height:0;height:568px!important;margin:0 auto}.preview-iframe-container.mobile:before{content:"";position:absolute;z-index:0;left:50%;top:35%;box-sizing:content-box;transform:translate(-50%,-50%);background-color:#232b38;background-image:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20334%20700'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23293241;fill-rule:evenodd;}%3c/style%3e%3c/defs%3e%3ctitle%3edraft-preview-phone%3c/title%3e%3cpath%20class='cls-1'%20d='M92,668.5a4,4,0,0,1,0-8H243a4,4,0,0,1,0,8ZM136,15a4,4,0,0,0,0,8h49a4,4,0,0,0,0-8Zm63,0a4,4,0,1,0,4,4A4,4,0,0,0,199,15Zm48.05-6.51L230.67,31.66A15,15,0,0,1,218.42,38H115.88a15,15,0,0,1-12.25-6.34L87.25,8.49A20,20,0,0,0,70.92,0H61.15V0h212V0h-9.77A20,20,0,0,0,247.05,8.49Z'/%3e%3c/svg%3e");background-position:center;background-size:auto 100%;width:320px;height:568px;padding:66px 6px;border-radius:48px}.preview-sidebar-section{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:15px}.preview-sidebar-section h3{margin-bottom:10px;font-size:1.1rem;color:var(--text-primary)}.version-bar{background-color:var(--bg-card);border-bottom:1px solid var(--border-subtle);padding:.5rem 1rem;display:flex;justify-content:flex-end;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000;height:40px}.version-bar span{font-size:.75rem;color:var(--text-secondary);font-weight:500}.App{padding-top:40px}body{margin:0;padding:0;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#1a1d29}.loader{position:relative;width:120px;height:120px}.blob{position:absolute;width:30px;height:30px;border-radius:50%;filter:blur(8px)}.blob-1{background:#2f3346;top:0;left:50%;transform:translate(-50%);animation:orbit1 2.5s cubic-bezier(.45,.05,.55,.95) infinite}.blob-2{background:#2a2d3f;top:50%;left:0;transform:translateY(-50%);animation:orbit2 2.5s cubic-bezier(.45,.05,.55,.95) infinite}.blob-3{background:#23263a;bottom:0;left:50%;transform:translate(-50%);animation:orbit3 2.5s cubic-bezier(.45,.05,.55,.95) infinite}.blob-4{background:#2f3346;top:50%;right:0;transform:translateY(-50%);animation:orbit4 2.5s cubic-bezier(.45,.05,.55,.95) infinite}@keyframes orbit1{0%,to{transform:translate(-50%) scale(1);top:0;left:50%}25%{transform:translateY(-50%) scale(1.5);top:50%;left:100%}50%{transform:translate(-50%) scale(1);top:100%;left:50%}75%{transform:translateY(-50%) scale(.7);top:50%;left:0}}@keyframes orbit2{0%,to{transform:translateY(-50%) scale(1);top:50%;left:0}25%{transform:translate(-50%) scale(1.5);top:0;left:50%}50%{transform:translateY(-50%) scale(1);top:50%;left:100%}75%{transform:translate(-50%) scale(.7);top:100%;left:50%}}@keyframes orbit3{0%,to{transform:translate(-50%) scale(1);top:100%;left:50%}25%{transform:translateY(-50%) scale(1.5);top:50%;left:0}50%{transform:translate(-50%) scale(1);top:0;left:50%}75%{transform:translateY(-50%) scale(.7);top:50%;left:100%}}@keyframes orbit4{0%,to{transform:translateY(-50%) scale(1);top:50%;left:100%}25%{transform:translate(-50%) scale(1.5);top:100%;left:50%}50%{transform:translateY(-50%) scale(1);top:50%;left:0}75%{transform:translate(-50%) scale(.7);top:0;left:50%}}.glow{position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle,rgba(47,51,70,.3) 0%,transparent 70%);animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.toast{position:fixed;top:20px;right:20px;z-index:1000;min-width:300px;max-width:500px;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #0006;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background-color:#10b981;border:1px solid #059669}.toast-error{background-color:#ef4444;border:1px solid #dc2626}.toast-content{display:flex;align-items:center;gap:.75rem}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0}.toast-message{color:#fff;font-size:.95rem;font-weight:500;line-height:1.4}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 8px 24px #00000080;max-width:500px;width:90%;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-subtle)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-body{padding:1.5rem}.modal-body p{color:var(--text-secondary);line-height:1.6;margin:0}.modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.modal-footer .btn{min-width:100px;justify-content:center}