/* Build your site */
.bpg{background:var(--char)}
.bld{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:0;min-height:calc(100vh - 88px)}
.bctl{padding:40px var(--gut) 120px;border-right:1px solid var(--nline)}
.bhead h1{font-size:clamp(1.9rem,3.4vw,2.6rem)}
.bhead .sub{margin:14px 0 24px}
.bsteps{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 34px;padding:0;counter-reset:s}
.bsteps li{counter-increment:s}
.bsteps button{background:transparent;border:1px solid var(--nline2);color:var(--ash);font:500 .72rem/1 var(--f);letter-spacing:.06em;padding:9px 11px;cursor:pointer}
.bsteps button:before{content:counter(s) ". "}
.bsteps button[aria-current]{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.bsteps button:disabled{opacity:.4;cursor:default}
.bs h2{font-size:1.3rem;letter-spacing:.1em;margin-bottom:8px;display:flex;align-items:center;gap:12px}
.bs .hint{color:var(--ash);font-weight:300;font-size:.95rem;margin:0 0 22px}
.bs fieldset{border:0;padding:0;margin:0 0 30px}.bs legend{font:600 .7rem/1 var(--f);letter-spacing:.2em;text-transform:uppercase;color:var(--bone);margin-bottom:14px}
.cnt{font:600 .8rem/1 var(--f);background:var(--gold);color:#fff;padding:6px 10px;letter-spacing:.04em}
.looks{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.looks button{display:block;text-align:left;background:#0A0A0A;border:1px solid var(--nline2);color:var(--bone);padding:0;cursor:pointer;overflow:hidden}
.looks img{width:100%;aspect-ratio:16/10;object-fit:cover;opacity:.8}
.looks span{display:block;padding:14px}.looks b{display:block;font-weight:600;letter-spacing:.04em}.looks em{display:block;font-style:normal;font-weight:300;font-size:.82rem;color:var(--ash);margin:6px 0}.looks small{font-size:.72rem;color:var(--brittle)}
.looks button[aria-checked="true"]{border-color:var(--gold-hi);box-shadow:inset 0 0 0 2px var(--gold-hi)}.looks button[aria-checked="true"] img{opacity:1}
.sw{display:flex;flex-wrap:wrap;gap:10px}
.sw button{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid var(--nline2);color:var(--bone);padding:10px 14px;cursor:pointer;font:400 .9rem var(--f);text-transform:capitalize}
.sw i{width:22px;height:22px;border-radius:50%;background:var(--c)}.sw button[aria-checked="true"]{border-color:var(--gold-hi);box-shadow:inset 0 0 0 1px var(--gold-hi)}
.ph3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.ph3 button{padding:0;border:2px solid transparent;background:none;cursor:pointer}.ph3 img{aspect-ratio:4/3;object-fit:cover;width:100%}.ph3 button[aria-checked="true"]{border-color:var(--gold-hi)}
#f-tag{width:100%;background:#0A0A0A;color:#fff;border:1px solid rgba(255,255,255,.2);padding:14px;font:400 1rem var(--f)}
.tagsug{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tagsug button,.presets button{background:transparent;border:1px dashed var(--nline2);color:var(--ash);padding:8px 12px;cursor:pointer;font:400 .85rem var(--f)}
.presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.presets button[aria-pressed="true"]{border-style:solid;border-color:var(--gold-hi);color:#fff}
.tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--ash);padding:8px 10px;cursor:pointer;font:500 .78rem var(--f);letter-spacing:.06em}.tabs button[aria-selected="true"]{color:#fff;border-bottom-color:var(--gold-hi)}
.chk{display:grid;gap:8px}
.chk label{display:grid;grid-template-columns:22px 1fr auto;gap:14px;align-items:start;padding:14px;border:1px solid var(--nline);cursor:pointer}
.chk label:has(input:checked){border-color:var(--gold-solid);background:rgba(168,122,78,.08)}
.chk input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--gold-solid)}
.chk span{font-weight:300;font-size:.9rem;color:var(--ash)}.chk b{display:block;color:#fff;font-weight:600;font-size:.98rem;margin-bottom:2px}.chk small{display:block;color:var(--brittle);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;margin-top:4px}
.chk a{font-size:.78rem;color:var(--gold-hi);white-space:nowrap}
.pk{display:grid;gap:10px}
.pk button{text-align:left;background:#0A0A0A;border:1px solid var(--nline2);color:var(--bone);padding:18px 20px;cursor:pointer;font:inherit}
.pk b{display:block;font-weight:600;letter-spacing:.06em}.pk b small{font-weight:500;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);margin-left:8px}
.pk span{display:block;color:var(--brittle);font-weight:600;margin:6px 0}.pk em{display:block;font-style:normal;color:var(--ash);font-weight:300;font-size:.9rem}.pk i{display:block;font-style:normal;color:var(--gold-hi);font-size:.82rem;margin-top:8px}
.pk button[aria-checked="true"]{border-color:var(--gold-hi);box-shadow:inset 0 0 0 1px var(--gold-hi)}
.bnav{display:flex;justify-content:space-between;gap:12px;margin-top:34px}.bnav [hidden]{display:none}
.bdone{padding:26px;border:1px solid var(--gold-solid)}.bdone h3{font-size:1.2rem;letter-spacing:.08em}.bdone p{color:var(--ash);font-weight:300;margin:12px 0 20px}
.bpv{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 26px 26px;background:#0A0A0A}
.bpvbar{display:flex;align-items:center;gap:16px;margin-bottom:14px;font-size:.82rem;color:var(--ash)}
.bpvbar #pvlabel{margin-right:auto;color:var(--bone);font-weight:500}
.bpvbar a{color:var(--gold-hi)}
.dv{display:flex}.dv button{background:transparent;border:1px solid var(--nline2);color:var(--ash);padding:7px 12px;cursor:pointer;font:500 .75rem var(--f)}.dv button[aria-pressed="true"]{background:var(--bone);color:var(--ink)}
.frame{position:relative;flex:1;overflow:hidden;background:#fff;margin:0 auto;width:100%}
.frame[data-d="phone"]{max-width:390px;border:10px solid #1c1c1c;border-radius:36px}
.frame iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:#fff}
.pvempty{position:absolute;inset:0;display:grid;place-items:center;background:#111;color:var(--ash);text-align:center;padding:30px}.pvempty[hidden]{display:none}
.pvfab{display:none}
@media(max-width:980px){
  .bld{grid-template-columns:1fr}.bctl{border-right:0;padding-bottom:110px}
  .bpv{display:none;position:fixed;inset:0;z-index:40;height:auto;padding:14px}
  body.pvopen .bpv{display:flex}
  .pvfab{display:inline-flex;position:fixed;left:16px;right:16px;bottom:16px;z-index:41}
  .dv{display:none}.frame[data-d]{max-width:none;border:0;border-radius:0}
}
@media(max-width:560px){.looks{grid-template-columns:1fr}}