/* ByteBlast ad-builder wizard */
.bbw-wrap{max-width:960px;margin:0 auto;padding:26px 18px 60px;
  --p:#2F6BFF;--pd:#1B4DDB;--blast:#FF6A2B;--blast-d:#E5551A;--ink:#0E1726;--muted:#5B6B82;--line:#DBE4F3;--panel:#fff;--pale:#EEF3FF;}
html[data-theme="dark"] .bbw-wrap{--ink:#EAF0FB;--muted:#93A4C2;--line:#26344F;--panel:#131E33;--pale:#16223A;}
.bbw-wrap *{box-sizing:border-box;}
.bbw-head{margin-bottom:18px;} .bbw-kick{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--p);font-weight:800;}
.bbw-head h1{margin:6px 0;font-size:30px;color:var(--ink);} .bbw-head p{color:var(--muted);max-width:60ch;}

/* progress */
.bbw-steps{display:flex;gap:8px;margin:0 0 22px;flex-wrap:wrap;}
.bbw-step{flex:1;min-width:90px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted);padding:10px 12px;border-radius:var(--r);background:var(--pale);border:1px solid transparent;}
.bbw-step .n{width:22px;height:22px;border-radius:50%;background:#cdd6e6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;flex:0 0 auto;}
.bbw-step.on{color:var(--p);border-color:var(--p);background:var(--panel);} .bbw-step.on .n{background:var(--p);}
.bbw-step.done .n{background:#1E9E62;} .bbw-step.done{color:#1E9E62;}

.bbw-tip{background:#FFF7EC;border:1px solid #ffe0bd;border-radius:var(--r);padding:12px 16px;font-size:14px;color:#8a5a1a;margin-bottom:18px;}
html[data-theme="dark"] .bbw-tip{background:#2a2113;border-color:#5a4523;color:#f0c690;}
.bbw-err{background:#fde8e8;border:1px solid #f5b5b5;color:#a12727;border-radius:var(--r);padding:12px 16px;margin-bottom:16px;}

.bbw-panel{display:none;} .bbw-panel.on{display:block;}

/* step 1 tiles */
.bbw-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
@media(max-width:640px){.bbw-tiles{grid-template-columns:1fr;}}
.bbw-tile{border:2px solid var(--line);border-radius:var(--r);padding:22px;cursor:pointer;background:var(--panel);transition:.15s;position:relative;}
.bbw-tile:hover{border-color:var(--p);transform:translateY(-2px);box-shadow:0 10px 26px rgba(27,77,219,.10);}
.bbw-tile.on{border-color:var(--p);box-shadow:0 0 0 3px rgba(47,107,255,.18);}
.bbw-tile .ic{font-size:34px;} .bbw-tile h3{margin:10px 0 6px;font-size:18px;color:var(--ink);} .bbw-tile p{margin:0;color:var(--muted);font-size:14px;}
.bbw-tile .best{position:absolute;top:14px;right:14px;background:var(--blast);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:999px;}

/* step 2 fields */
.bbw-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:640px){.bbw-fields{grid-template-columns:1fr;}}
.bbw-fields .f{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:13px;color:var(--ink);}
.bbw-fields .f[data-need="desc"]{grid-column:1/-1;}
.bbw-fields input,.bbw-fields select,.bbw-fields textarea{border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;font-size:14px;font-weight:400;background:var(--panel);color:var(--ink);}
.bbw-fields small{color:var(--muted);font-weight:400;}

/* previews */
.bbw-previews,.bbw-review{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
@media(max-width:720px){.bbw-previews,.bbw-review{grid-template-columns:1fr;}}
.bbw-plabel{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}
.bbw-site{max-width:320px;}
.c-card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel);box-shadow:0 8px 24px rgba(27,77,219,.08);}
.c-art{aspect-ratio:16/9;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;gap:5px;}
.c-img{aspect-ratio:16/9;} .c-img img{width:100%;height:100%;object-fit:cover;display:block;}
.c-logo{width:42px;height:42px;border-radius:var(--r);background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;}
.c-an{font-size:18px;font-weight:800;} .c-as{font-size:12.5px;opacity:.92;}
.c-info{padding:13px 15px;} .c-cat{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700;}
.c-desc{font-size:13.5px;color:var(--ink);margin:6px 0;} .c-row{margin-top:8px;} .c-mini{background:var(--pale);color:var(--pd);font-weight:700;font-size:13px;padding:6px 10px;border-radius:var(--r);}
.c-info[dir=rtl]{text-align:right;}

.bbw-print{max-width:300px;} .p-box{border:1.5px solid #d8ddea;border-radius:var(--r);overflow:hidden;}
.p-top{color:#fff;padding:12px;} .p-an{font-size:15px;font-weight:800;} .p-as{font-size:11px;opacity:.92;}
.p-bot{padding:6px 12px;display:flex;justify-content:space-between;font-size:12px;background:#fafbfe;color:#5a6b86;} .p-bot b{color:#12203A;}
.p-img img{width:100%;display:block;} .p-top[dir=rtl]{text-align:right;}

/* step 4 plans */
.bbw-gl{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:6px 0 12px;}
.bbw-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:22px;}
.bbw-plan{cursor:pointer;} .bbw-plan input{display:none;}
.bbw-plan .pc{border:2px solid var(--line);border-radius:var(--r);padding:16px;background:var(--panel);height:100%;transition:.15s;}
.bbw-plan input:checked + .pc{border-color:var(--p);box-shadow:0 0 0 3px rgba(47,107,255,.16);}
.pn{font-weight:800;color:var(--ink);} .pp{font-size:24px;font-weight:900;color:var(--p);margin:4px 0;} .pd{font-size:12.5px;color:var(--muted);}
.bbw-addons{display:grid;grid-template-columns:1fr 1fr;gap:12px;} @media(max-width:640px){.bbw-addons{grid-template-columns:1fr;}}
.bbw-addon{cursor:pointer;} .bbw-addon input{display:none;}
.bbw-addon .ac{border:2px solid var(--line);border-radius:var(--r);padding:13px 15px;display:flex;gap:12px;background:var(--panel);transition:.15s;}
.bbw-addon input:checked + .ac{border-color:var(--blast);box-shadow:0 0 0 3px rgba(255,106,43,.14);}
.ai{font-size:24px;} .an{font-weight:800;color:var(--ink);} .ap{color:var(--blast-d);} .ad{font-size:12.5px;color:var(--muted);}

/* order summary */
.bbw-order{background:var(--pale);border:1px solid var(--line);border-radius:var(--r);padding:18px;height:fit-content;}
.bbw-order h3{margin:0 0 12px;font-size:15px;color:var(--ink);}
.o-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink);}
.o-row.total{border-bottom:0;font-size:18px;font-weight:800;padding-top:12px;} .o-row.total b{color:var(--p);}
.o-note{color:var(--muted);font-size:12.5px;margin:10px 0 0;}

/* nav */
.bbw-nav{display:flex;gap:12px;margin-top:26px;align-items:center;}
.bbw-btn{background:var(--p);color:#fff;font-weight:800;font-size:15px;border:0;border-radius:var(--r);padding:12px 22px;cursor:pointer;}
.bbw-btn:hover{background:var(--pd);} .bbw-btn.ghost{background:transparent;color:var(--p);border:2px solid var(--line);}
.bbw-btn.blast{background:var(--blast);} .bbw-btn.blast:hover{background:var(--blast-d);}
.bbw-nav #bbwNext{margin-left:auto;} .bbw-nav #bbwSubmit{margin-left:auto;}

/* done */
.bbw-done{text-align:center;padding:40px 20px;} .bbw-check{width:64px;height:64px;border-radius:50%;background:#1E9E62;color:#fff;font-size:34px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.bbw-done h1{color:var(--ink);} .bbw-done p{color:var(--muted);}
.bbw-summary{max-width:420px;margin:18px auto;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;}
.bbw-summary .row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);}
.bbw-summary .row.total{font-weight:800;font-size:17px;border-bottom:0;} .bbw-summary .row span{color:var(--muted);}