: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}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)}.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)}}.edit-container{display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh}.edit-card{display:flex;flex-direction:row;gap:1rem;margin:1rem 0;background-color:var(--bg-card);border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000004d}.edit-card-column{display:flex;flex-direction:column;gap:1rem;min-width:275px}.edit-card-content{height:100px}.vertical-divider{width:1px;background-color:var(--border-subtle)}.preview-container{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.preview-container iframe{width:45%;height:1500px;border:1px solid var(--border-input);border-radius:8px;box-shadow:0 4px 6px #0000004d}.snippet-preview{width:100vw;height:500px;border:1px solid var(--border-input);border-radius:8px;box-shadow:0 4px 6px #0000004d;background-color:#fff}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}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)}}