.page-create .step{display:none}.page-create .step.active{display:block}.page-create .steps-indicator{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3rem;display:flex}.page-create .step-item{align-items:center;gap:.5rem;display:flex}.page-create .step-dot{color:var(--text-muted);border-radius:var(--radius-md);background:var(--bg-secondary);transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.page-create .step-dot.active{color:#fff;background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary))}.page-create .step-dot.completed{color:var(--success);background:#10b98126}.page-create .edit-mode .step-dot{cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.page-create .edit-mode .step-dot:hover{box-shadow:0 6px 20px rgba(var(--accent-rgb), .25);border:1px solid var(--accent-primary);transform:translateY(-2px)}.page-create .edit-mode .step-dot:not(.active):hover{background:linear-gradient(135deg, rgba(var(--accent-rgb), .15), rgba(var(--accent-rgb), .1));color:var(--accent-primary)}.page-create .step-number{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.page-create .step-dot.active .step-number{color:var(--accent-primary);background:#fff;border-color:#fff}.page-create .step-dot.completed .step-number{background:var(--success);border-color:var(--success);color:#fff}.page-create .step-connector{background:var(--border-color);width:30px;height:2px;margin:0 .25rem}.page-create .field-row{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);grid-template-columns:1fr auto;align-items:end;gap:1rem;margin-bottom:1rem;padding:1rem;display:grid}.page-create .candidate-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);margin-bottom:1.5rem;padding:1.5rem;position:relative}.page-create .candidate-card:hover{border-color:var(--border-hover)}.page-create .remove-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;padding:.5rem;position:absolute;top:1rem;right:1rem}.page-create .remove-btn:hover{color:var(--error);background:#ef44441a}.page-create .branding-preview{border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;padding:1.5rem}.page-create .color-input-group{border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:stretch;display:flex;overflow:hidden}.page-create .color-input-group:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .1)}.page-create .color-input-group input[type=color]{border-radius:var(--radius-sm);cursor:pointer;appearance:none;background:0 0;border:none;width:50px;height:45px;padding:4px}.page-create .color-input-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.page-create .color-input-group input[type=color]::-webkit-color-swatch{border-radius:var(--radius-sm);border:none}.page-create .color-input-group input[type=text]{border:none;border-left:1px solid var(--border-color);background:var(--bg-card);border-radius:0;flex:1}.page-create .color-input-group input[type=text]:focus{box-shadow:none}.page-create .radio-pill-with-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);transition:all var(--transition-fast);align-items:center;display:inline-flex;overflow:hidden}.page-create .radio-pill-with-input:focus-within{border-color:var(--accent-primary)}.page-create .radio-pill-with-input .radio-pill{background:0 0;border:none;border-radius:0;margin:0;padding-right:.5rem}.page-create .radio-pill-with-input .radio-pill:hover{background:0 0;border-color:#0000}.page-create .radio-pill-with-input .radio-pill.selected{color:var(--accent-primary);background:0 0}.page-create .radio-pill-with-input input[type=number]{border:none;border-left:1px solid var(--border-color);background:var(--bg-card);border-radius:0;width:70px;padding:.6rem;font-size:.9rem}.page-create .radio-pill-with-input input[type=number]:focus{box-shadow:none}.page-create .photo-upload-area{aspect-ratio:4/3;border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-fast);background:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.page-create .photo-upload-area:hover{border-color:var(--accent-primary);background:rgba(var(--accent-rgb), .05)}.page-create .photo-upload-area.has-image{border-style:solid;border-color:var(--accent-primary)}.page-create .photo-upload-area img{object-fit:cover;border-radius:calc(var(--radius-md) - 2px);width:100%;height:100%}.page-create .logo-upload-group{align-items:flex-start;gap:1rem;display:flex}.page-create .logo-preview{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-color);justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.page-create .logo-preview img{object-fit:contain;width:100%;height:100%}.page-create .skip-link{text-align:center;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);margin-top:1rem;font-size:.9rem}.page-create .skip-link:hover{color:var(--accent-primary)}.page-create .card-radio:has(input:checked){border-color:var(--accent-primary)!important;background:rgba(var(--accent-rgb), .05)!important}.page-create .card-radio:has(input:checked) .check-icon{opacity:1!important}