/* ============================================================
   LOVE IN CODE — BUILDER CSS
   Design system idêntico ao template principal
   Arquivo: form/css/style.css

   Responsabilidade:
   - Controlar todo o visual do formulário/builder.
   - Manter o formulário responsivo.
   - Preservar a identidade visual do template Love in Code.
   ============================================================ */

:root {
  --c-bg:#080810; --c-bg2:#0d0d1a; --c-bg3:#121224;
  --c-surface:rgba(255,255,255,0.04); --c-surface2:rgba(255,255,255,0.07);
  --c-border:rgba(255,255,255,0.08); --c-border2:rgba(255,255,255,0.14);
  --c-accent:#e8a0c0; --c-accent2:#c06090; --c-accent3:#9040c0; --c-gold:#d4a855;
  --c-text:#f0eaf5; --c-muted:rgba(240,234,245,0.5); --c-muted2:rgba(240,234,245,0.3);
  --c-error:#ff6b6b; --c-success:#6bffb8;
  --sp-4:4px; --sp-8:8px; --sp-12:12px; --sp-16:16px; --sp-20:20px; --sp-24:24px; --sp-32:32px; --sp-40:40px; --sp-48:48px; --sp-64:64px; --sp-80:80px;
  --r-8:8px; --r-12:12px; --r-16:16px; --r-20:20px; --r-24:24px; --r-32:32px; --r-full:999px;
  --font-display:'DM Serif Display', serif; --font-body:'DM Sans', sans-serif; --font-serif:'Cormorant Garamond', serif;
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1); --ease-smooth:cubic-bezier(0.4,0,0.2,1);
  --header-h:64px; --sidebar-w:300px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-body);font-size:15px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;padding-top:var(--header-h)}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}#bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}
.b-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:rgba(8,8,16,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--c-border);z-index:100;display:flex;flex-direction:column}.b-header-inner{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-24);max-width:1280px;margin:0 auto;width:100%;gap:var(--sp-24)}.b-logo{display:flex;align-items:center;gap:var(--sp-8);flex-shrink:0}.b-logo-icon{color:var(--c-accent);font-size:18px}.b-logo-text{font-family:var(--font-display);font-size:17px;font-style:italic;background:linear-gradient(135deg,var(--c-text),var(--c-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.b-steps-nav{display:flex;align-items:center;gap:var(--sp-4);flex:1;justify-content:center}.b-steps-nav-item{display:flex;align-items:center;gap:var(--sp-4);cursor:pointer}.b-steps-nav-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-muted);transition:all .3s var(--ease-smooth);flex-shrink:0}.b-steps-nav-item.active .b-steps-nav-dot{background:linear-gradient(135deg,var(--c-accent2),var(--c-accent3));border-color:transparent;color:white;box-shadow:0 0 16px rgba(192,96,144,.4)}.b-steps-nav-item.done .b-steps-nav-dot{background:rgba(107,255,184,.1);border-color:var(--c-success);color:var(--c-success)}.b-steps-nav-line{width:20px;height:1px;background:var(--c-border);flex-shrink:0}.b-header-actions{display:flex;align-items:center;gap:var(--sp-8);flex-shrink:0}.b-progress-bar{height:2px;background:var(--c-border);position:absolute;bottom:0;left:0;right:0}.b-progress-fill{height:100%;background:linear-gradient(90deg,var(--c-accent2),var(--c-accent3));transition:width .5s var(--ease-smooth);width:0%}
.b-main{position:relative;z-index:1;display:flex;min-height:calc(100vh - var(--header-h));max-width:1280px;margin:0 auto;padding:0 var(--sp-24)}.b-sidebar{width:var(--sidebar-w);flex-shrink:0;padding:var(--sp-40) var(--sp-24) var(--sp-40) 0;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column}.b-sidebar::-webkit-scrollbar{display:none}.b-sidebar-inner{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-24);padding:var(--sp-24);height:100%;display:flex;flex-direction:column;gap:var(--sp-16);backdrop-filter:blur(16px)}.b-sidebar-title{font-family:var(--font-display);font-size:18px;font-style:italic;background:linear-gradient(135deg,var(--c-text),var(--c-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.b-sidebar-sub{font-size:13px;color:var(--c-muted)}.b-sidebar-steps{list-style:none;display:flex;flex-direction:column;gap:var(--sp-4)}.b-sidebar-status{display:flex;flex-direction:column;gap:var(--sp-8);margin-top:var(--sp-8)}.b-status-item{display:flex;align-items:center;gap:var(--sp-8)}.b-status-dot{width:8px;height:8px;border-radius:50%;background:var(--c-border2);flex-shrink:0;transition:background .3s}.b-status-dot.done{background:var(--c-success)}.b-status-dot.active{background:var(--c-accent);animation:pulse-dot 1.5s ease-in-out infinite}.b-status-label{font-size:12px;color:var(--c-muted2)}@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(232,160,192,.4)}50%{box-shadow:0 0 0 4px rgba(232,160,192,0)}}.b-content{flex:1;padding:var(--sp-40) 0 var(--sp-80);min-width:0;padding-left:var(--sp-40)}
.b-step{max-width:680px}.b-step[hidden]{display:none}.b-step.entering{animation:stepIn .4s var(--ease-smooth) forwards}@keyframes stepIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}.b-step-header{margin-bottom:var(--sp-32)}.b-step-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-accent);display:inline-flex;align-items:center;gap:var(--sp-8);margin-bottom:var(--sp-12)}.b-step-label::before{content:'✦';font-size:9px}.b-step-title{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);font-style:italic;line-height:1.2;margin-bottom:var(--sp-8);background:linear-gradient(135deg,var(--c-text) 40%,var(--c-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.b-step-desc{font-size:15px;color:var(--c-muted);line-height:1.7}.b-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-24);padding:var(--sp-32);backdrop-filter:blur(16px)}.b-card-sub-title{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--c-text);display:flex;align-items:center;gap:var(--sp-8);margin-bottom:var(--sp-24);padding-bottom:var(--sp-16);border-bottom:1px solid var(--c-border)}.b-card-emoji{font-size:18px}.b-counter{margin-left:auto;font-size:12px;color:var(--c-muted2);background:var(--c-surface2);padding:var(--sp-4) var(--sp-8);border-radius:var(--r-full)}
.b-field{display:flex;flex-direction:column;gap:var(--sp-8);margin-bottom:var(--sp-24)}.b-field:last-child{margin-bottom:0}.b-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);margin-bottom:var(--sp-24)}.b-label{font-size:13px;font-weight:500;color:var(--c-text);letter-spacing:.02em}.b-required{color:var(--c-accent)}.b-hint{font-size:12px;color:var(--c-muted2);line-height:1.5}.b-input{min-height:52px;padding:0 var(--sp-16);background:rgba(255,255,255,.04);border:1px solid var(--c-border);border-radius:var(--r-16);color:var(--c-text);font-size:15px;outline:none;transition:border-color .25s,box-shadow .25s;width:100%}.b-input::placeholder{color:var(--c-muted2)}.b-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(232,160,192,.12)}.b-input.error{border-color:var(--c-error)}.b-textarea{min-height:140px;padding:var(--sp-16);background:rgba(255,255,255,.04);border:1px solid var(--c-border);border-radius:var(--r-16);color:var(--c-text);font-size:15px;line-height:1.7;outline:none;resize:vertical;transition:border-color .25s,box-shadow .25s;width:100%;font-family:var(--font-body)}.b-textarea::placeholder{color:var(--c-muted2)}.b-textarea:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(232,160,192,.12)}.b-textarea.error{border-color:var(--c-error)}.b-error{font-size:12px;color:var(--c-error);display:none;animation:fadeIn .2s ease}.b-error.visible{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1}}.b-char-count{font-size:11px;color:var(--c-muted2);text-align:right}.b-field-actions{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-4)}.b-btn-suggest{font-size:12px;color:var(--c-accent);background:rgba(232,160,192,.08);border:1px solid rgba(232,160,192,.2);border-radius:var(--r-full);padding:var(--sp-4) var(--sp-12);transition:all .2s;white-space:nowrap}.b-btn-suggest:hover{background:rgba(232,160,192,.15);transform:translateY(-1px)}
.b-pin-row{display:flex;gap:var(--sp-12)}.b-pin-digit{width:60px;height:64px;background:rgba(255,255,255,.04);border:1px solid var(--c-border);border-radius:var(--r-16);color:var(--c-text);font-family:var(--font-display);font-size:28px;text-align:center;outline:none;transition:border-color .2s,box-shadow .2s}.b-pin-digit:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(232,160,192,.12)}.b-pin-digit.error{border-color:var(--c-error)}.b-tags-input{display:flex;flex-direction:column;gap:var(--sp-8)}.b-tags-list{display:flex;flex-wrap:wrap;gap:var(--sp-8);min-height:32px}.b-tag{display:inline-flex;align-items:center;gap:var(--sp-4);background:rgba(232,160,192,.1);border:1px solid rgba(232,160,192,.2);border-radius:var(--r-full);padding:var(--sp-4) var(--sp-12);font-size:13px;color:var(--c-accent)}.b-tag-remove{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(232,160,192,.2);font-size:11px;line-height:1;transition:background .2s}.b-tag-remove:hover{background:rgba(255,100,100,.3)}.b-tags-add-row{display:flex;gap:var(--sp-8)}.b-tag-input{flex:1;min-height:44px!important}.b-btn-add-tag{width:44px;height:44px;border-radius:var(--r-12);background:rgba(232,160,192,.1);border:1px solid rgba(232,160,192,.2);color:var(--c-accent);font-size:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.b-btn-add-tag:hover{background:rgba(232,160,192,.2);transform:scale(1.05)}
.b-avatar-field{flex:0 0 100px;align-items:center}.b-avatar-upload{position:relative;width:88px;height:88px;border-radius:50%;cursor:pointer;flex-shrink:0;margin-top:var(--sp-4)}.b-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,rgba(232,160,192,.1),rgba(144,64,192,.1));border:2px dashed rgba(232,160,192,.3);display:flex;align-items:center;justify-content:center;font-size:36px;transition:border-color .2s}.b-avatar-upload:hover .b-avatar-placeholder{border-color:var(--c-accent)}.b-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid rgba(232,160,192,.3)}.b-avatar-remove{position:absolute!important;top:0;right:0;width:24px!important;height:24px!important;font-size:14px!important}
.b-upload-zone{min-height:160px;border:1px dashed rgba(232,160,192,.35);border-radius:var(--r-24);background:rgba(232,160,192,.03);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-8);cursor:pointer;transition:all .3s var(--ease-smooth);position:relative;overflow:hidden;padding:var(--sp-24);text-align:center}.b-upload-zone:hover,.b-upload-zone.drag-over{border-color:var(--c-accent);background:rgba(232,160,192,.06);box-shadow:0 0 40px rgba(232,160,192,.08)}.b-upload-icon{font-size:36px}.b-upload-text{font-size:15px;font-weight:500;color:var(--c-text)}.b-upload-sub{font-size:12px;color:var(--c-muted2)}.b-upload-badge{position:absolute;top:var(--sp-12);right:var(--sp-12);font-size:11px;background:rgba(107,255,184,.1);border:1px solid rgba(107,255,184,.3);color:var(--c-success);padding:var(--sp-4) var(--sp-8);border-radius:var(--r-full)}.b-upload-preview{position:relative;width:100%;height:180px}.b-upload-preview img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-20)}.b-cover-zone{min-height:140px}.b-cover-preview{position:relative;width:140px;height:140px}.b-cover-preview img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-16);box-shadow:0 8px 32px rgba(0,0,0,.4)}.b-audio-zone{min-height:120px}.b-audio-preview{width:100%;display:flex;flex-direction:column;gap:var(--sp-12);position:relative}.b-audio-info{display:flex;align-items:center;gap:var(--sp-12)}.b-audio-icon{font-size:28px}.b-audio-meta{display:flex;flex-direction:column;gap:2px}.b-audio-name{font-size:14px;font-weight:500}.b-audio-size{font-size:12px;color:var(--c-muted2)}.b-audio-controls{display:flex;align-items:center;gap:var(--sp-12)}.b-btn-play-test{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--c-accent2),var(--c-accent3));color:white;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s}.b-btn-play-test:hover{transform:scale(1.08)}.b-audio-prog-wrap{flex:1;height:4px;background:rgba(255,255,255,.1);border-radius:var(--r-full);overflow:hidden}.b-audio-prog{height:100%;background:linear-gradient(90deg,var(--c-accent2),var(--c-accent));width:0%;border-radius:var(--r-full);transition:width .3s linear}.b-multi-zone{min-height:120px}.b-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--sp-12);margin-top:var(--sp-16)}.b-media-item{position:relative;aspect-ratio:3/4;border-radius:var(--r-16);overflow:hidden}.b-media-item img{width:100%;height:100%;object-fit:cover}.b-media-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);padding:var(--sp-8)}.b-media-caption input{width:100%;background:transparent;border:none;color:white;font-size:11px;outline:none;padding:0}.b-media-caption input::placeholder{color:rgba(255,255,255,.4)}.b-stories-grid{display:flex;flex-wrap:wrap;gap:var(--sp-16);margin-top:var(--sp-16);align-items:flex-start}.b-story-item{display:flex;flex-direction:column;align-items:center;gap:var(--sp-8);position:relative}.b-story-ring{width:72px;height:72px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--c-accent2),var(--c-accent3));position:relative}.b-story-ring-inner{width:100%;height:100%;border-radius:50%;border:2px solid var(--c-bg);overflow:hidden}.b-story-ring-inner img{width:100%;height:100%;object-fit:cover}.b-story-emoji-input{width:64px;background:transparent;border:none;text-align:center;font-size:13px;color:var(--c-muted);outline:none;padding:0}.b-story-emoji-input::placeholder{color:var(--c-muted2);font-size:11px}.b-btn-remove{position:absolute;top:var(--sp-8);right:var(--sp-8);width:32px;height:32px;border-radius:50%;background:rgba(255,80,80,.8);color:white;font-size:18px;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s var(--ease-spring);z-index:5}.b-btn-remove:hover{transform:scale(1.12);background:rgba(255,60,60,.9)}
.b-timeline-item{background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--r-20);padding:var(--sp-20);margin-bottom:var(--sp-16);position:relative;animation:fadeInUp .3s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.b-timeline-item-header{display:flex;align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-16)}.b-timeline-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--c-accent2),var(--c-accent3));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:white;flex-shrink:0}.b-timeline-item-title{font-size:14px;font-weight:500;flex:1}.b-timeline-remove{width:32px;height:32px;border-radius:50%;background:rgba(255,100,100,.1);border:1px solid rgba(255,100,100,.2);color:rgba(255,100,100,.8);display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;flex-shrink:0}.b-timeline-remove:hover{background:rgba(255,100,100,.2);transform:scale(1.08)}.b-timeline-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12);margin-bottom:var(--sp-12)}.b-timeline-row .b-input{min-height:44px!important}.b-timeline-desc{min-height:80px!important}.b-btn-add-item{display:flex;align-items:center;gap:var(--sp-8);padding:var(--sp-12) var(--sp-20);border-radius:var(--r-16);border:1px dashed rgba(232,160,192,.3);background:rgba(232,160,192,.04);color:var(--c-accent);font-size:14px;font-weight:500;transition:all .2s;width:100%;justify-content:center;margin-top:var(--sp-8)}.b-btn-add-item:hover{background:rgba(232,160,192,.08);border-color:var(--c-accent)}.b-roleta-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12)}.b-roleta-item{position:relative}.b-roleta-num{position:absolute;left:var(--sp-16);top:50%;transform:translateY(-50%);font-size:12px;color:var(--c-accent);pointer-events:none}.b-roleta-input{padding-left:var(--sp-32)!important}.b-caca-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-12)}.b-caca-input{text-align:center!important;text-transform:uppercase!important;font-size:18px!important;font-weight:500!important;letter-spacing:.1em!important}
.b-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16)}.b-review-item{background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--r-16);padding:var(--sp-16)}.b-review-item-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted2);margin-bottom:var(--sp-8)}.b-review-item-value{font-size:15px;color:var(--c-text);font-weight:500}.b-review-item-sub{font-size:12px;color:var(--c-muted);margin-top:var(--sp-4)}.b-review-edit-btn{font-size:12px;color:var(--c-accent);margin-top:var(--sp-8);display:inline-block;text-decoration:underline;cursor:pointer}.b-pending-block{margin-top:var(--sp-24);background:rgba(255,107,107,.06);border:1px solid rgba(255,107,107,.2);border-radius:var(--r-20);padding:var(--sp-20)}.b-pending-title{font-size:14px;font-weight:500;color:var(--c-error);margin-bottom:var(--sp-12)}.b-pending-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-8)}.b-pending-list li{font-size:13px;color:var(--c-muted);display:flex;align-items:center;gap:var(--sp-8)}.b-pending-list li::before{content:'→';color:var(--c-error)}.b-final-actions{margin-top:var(--sp-32);display:flex;flex-direction:column;gap:var(--sp-12)}.b-step-nav{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-32);gap:var(--sp-12)}
.b-btn-primary{display:inline-flex;align-items:center;gap:var(--sp-8);min-height:52px;padding:0 var(--sp-32);border-radius:var(--r-full);background:linear-gradient(135deg,var(--c-accent2),var(--c-accent3));color:white;font-size:15px;font-weight:500;letter-spacing:.03em;box-shadow:0 8px 32px rgba(192,96,144,.3);transition:all .3s var(--ease-spring);white-space:nowrap}.b-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px rgba(192,96,144,.4)}.b-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.b-btn-outline{display:inline-flex;align-items:center;gap:var(--sp-8);min-height:48px;padding:0 var(--sp-24);border-radius:var(--r-full);background:var(--c-surface);border:1px solid var(--c-border2);color:var(--c-text);font-size:14px;transition:all .2s;white-space:nowrap}.b-btn-outline:hover{background:var(--c-surface2);border-color:var(--c-accent)}.b-btn-full{width:100%;justify-content:center}.b-btn-ghost{display:inline-flex;align-items:center;gap:var(--sp-8);padding:var(--sp-8) var(--sp-16);border-radius:var(--r-12);color:var(--c-muted);font-size:13px;transition:all .2s}.b-btn-ghost:hover{background:var(--c-surface2);color:var(--c-text)}.b-btn-ghost.b-btn-danger{color:rgba(255,107,107,.7)}.b-btn-ghost.b-btn-danger:hover{background:rgba(255,107,107,.08);color:var(--c-error)}.b-btn-sm{min-height:36px;padding:0 var(--sp-12)}.b-btn-large{min-height:60px;font-size:17px;justify-content:center}.b-btn-large.b-btn-primary{padding:0 var(--sp-48)}.b-icon{font-size:16px;line-height:1}.b-hide-mobile{display:inline}.b-toast{position:fixed;bottom:var(--sp-32);left:50%;transform:translateX(-50%) translateY(80px);background:var(--c-bg3);border:1px solid var(--c-border2);border-radius:var(--r-full);padding:var(--sp-12) var(--sp-24);font-size:14px;color:var(--c-text);backdrop-filter:blur(20px);z-index:999;white-space:nowrap;transition:transform .4s var(--ease-spring),opacity .4s;opacity:0;pointer-events:none}.b-toast.show{transform:translateX(-50%) translateY(0);opacity:1}.b-toast.success{border-color:rgba(107,255,184,.3);color:var(--c-success)}.b-toast.error{border-color:rgba(255,107,107,.3);color:var(--c-error)}
.b-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--sp-20);animation:fadeIn .3s ease}.b-modal{background:var(--c-bg2);border:1px solid var(--c-border2);border-radius:var(--r-24);width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.6)}.b-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-20) var(--sp-24);border-bottom:1px solid var(--c-border);flex-shrink:0}.b-modal-title{font-family:var(--font-display);font-size:18px;font-style:italic;color:var(--c-accent)}.b-modal-close{width:36px;height:36px;border-radius:50%;background:var(--c-surface2);color:var(--c-text);font-size:22px;display:flex;align-items:center;justify-content:center;transition:all .2s}.b-modal-close:hover{background:rgba(255,100,100,.2)}.b-modal-body{flex:1;overflow:hidden}#preview-iframe{width:100%;height:100%;border:none;min-height:600px}.b-modal-footer{padding:var(--sp-16) var(--sp-24);border-top:1px solid var(--c-border);display:flex;justify-content:flex-end;flex-shrink:0}
@media(max-width:960px){.b-main{padding:0 var(--sp-16)}.b-sidebar{display:none}.b-content{padding-left:0}}@media(max-width:640px){.b-card{padding:var(--sp-20)}.b-hide-mobile{display:none}.b-step-nav{flex-direction:column-reverse;align-items:stretch}.b-btn-primary,.b-btn-outline{justify-content:center}}@media(max-width:560px){.b-field-row{grid-template-columns:1fr}.b-review-grid{grid-template-columns:1fr}}@media(max-width:480px){.b-timeline-row{grid-template-columns:1fr}.b-roleta-grid{grid-template-columns:1fr}.b-caca-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.b-pin-digit{width:52px;height:56px;font-size:24px}}