.ad-builder-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0f172a66;justify-content:center;align-items:center;padding:16px;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ad-builder-modal{border-radius:var(--radius-2xl);background:#fff;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;overflow:hidden;transform:translateY(20px);box-shadow:0 25px 50px -12px #00000040}@keyframes slideUp{to{transform:translateY(0)}}.ad-builder-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#ffffffe6;justify-content:space-between;align-items:center;padding:24px;display:flex;position:sticky;top:0}.ad-builder-header h2{font-family:var(--font-display);color:var(--navy);margin:0;font-size:1.5rem}.close-modal-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:color .2s;display:flex}.close-modal-btn:hover{background:var(--surface-hover);color:var(--navy)}.wizard-progress{background:var(--surface-bg);gap:8px;padding:16px 24px;display:flex}.wizard-step-dot{background:#e2e8f0;border-radius:2px;flex:1;height:4px;transition:all .3s}.wizard-step-dot.active{background:var(--accent)}.ad-builder-body{flex:1;padding:32px 24px;overflow-y:auto}.step-welcome{text-align:center;max-width:500px;margin:0 auto;padding:40px 0}.step-welcome h3{color:var(--navy);margin-bottom:16px;font-size:1.75rem}.step-welcome p{color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.step-builder-layout{grid-template-columns:1fr 1fr;gap:48px;display:grid}.builder-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--navy);font-size:.875rem;font-weight:600}.form-group input{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ff7a001a}.builder-preview-pane{background:var(--surface-bg);border-radius:var(--radius-xl);border:1px dashed var(--border);flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.builder-preview-pane h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 24px;font-size:.875rem;font-weight:600}.preview-card-wrapper .agent-ad-card{background:#fff;flex:none;width:260px;box-shadow:0 10px 30px #00000014}.tiers-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.tier-card{border:2px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;text-align:center;padding:24px;transition:all .2s;position:relative}.tier-card:hover{border-color:#ff7a0066;transform:translateY(-4px)}.tier-card.selected{border-color:var(--accent);background:#ff7a0008;box-shadow:0 8px 24px #ff7a001a}.tier-name{color:var(--navy);margin-bottom:8px;font-size:1.125rem;font-weight:800}.tier-price{color:var(--accent);margin-bottom:4px;font-size:2rem;font-weight:800}.tier-price span{color:var(--text-secondary);font-size:.875rem;font-weight:500}.tier-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.step-success{text-align:center;padding:40px 0}.success-icon{margin-bottom:24px;font-size:4rem;animation:1s bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.ad-builder-footer{border-top:1px solid var(--border);background:var(--surface-bg);justify-content:flex-end;gap:16px;padding:24px;display:flex}@media (max-width:768px){.step-builder-layout{grid-template-columns:1fr;gap:32px}.tiers-grid{grid-template-columns:1fr;gap:16px}.ad-builder-modal{border-radius:0;height:100%;max-height:100vh}}.image-upload-box{border:2px dashed var(--border);border-radius:var(--radius-md);text-align:center;background:var(--surface-bg);cursor:pointer;outline:none;padding:16px;transition:all .2s;position:relative}.image-upload-box:hover,.image-upload-box:focus{border-color:var(--accent);background:#ff7a0005}.image-upload-label{cursor:pointer;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.875rem;display:flex}.image-upload-label span{font-weight:500}