/* v2-logo-pass.css — Branding Pass as a guided, one-decision-per-screen flow (same vocabulary as the Create stages) */
#scrLogo .lgCol>.hgroup,#scrLogo #lgSetup,#scrLogo #lgResult{display:none!important}
#scrLogo .lgCol{max-width:880px}
.lp{padding-bottom:40px}
.lp .hgroup .sub{max-width:520px;margin:0 auto}
.lpDots{display:flex;justify-content:center;gap:6px;margin:0 0 22px}
.lpDots i{width:22px;height:3px;border-radius:8px;background:var(--tilebd)}.lpDots i.on{background:var(--gold)}
.lp .pgrid{margin-top:4px}
.lp .pcard .ph{aspect-ratio:4/5}
.lp .pcard.up .ph{display:grid;place-items:center;background:rgba(255,255,255,.03);border-bottom:1px dashed var(--tilebd)}
.lp .pcard.up .ph b{font-size:28px;font-weight:300;color:var(--gold)}
.lpLogoDrop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:min(420px,100%);height:220px;margin:6px auto 0;border:1px dashed var(--tilebd);border-radius:8px;background:rgba(255,255,255,.03);color:var(--tp);font:inherit;cursor:pointer;transition:border-color .15s}
.lpLogoDrop:hover{border-color:var(--gold)}
.lpLogoDrop.has{background:#fff;border-style:solid}
.lpLogoDrop img{max-width:70%;max-height:120px}
.lpLogoDrop b{font-size:15px;font-weight:600}.lpLogoDrop span{font-size:12.5px;color:var(--ts)}
.lpLogoDrop.has span{color:#6b6a66}
.lpRepl{display:block;margin:12px auto 0;background:none;border:none;color:var(--ts);font:600 12px Inter,sans-serif;cursor:pointer}.lpRepl:hover{color:var(--gold)}
.lpPreHd{margin:26px 0 10px}
.lp .pcard.pre .ph{aspect-ratio:16/9}
.lp .pcard.m .ph{aspect-ratio:5/4}
.lpStage{position:relative;width:min(560px,100%);margin:0 auto;border-radius:8px;overflow:hidden;border:1px solid var(--tilebd);background:#141413;user-select:none;touch-action:none}
.lpStage>img.b{display:block;width:100%;height:auto;max-height:62vh;object-fit:contain}
.lpMk{position:absolute;transform:translate(-50%,-50%);cursor:move}
.lpMk img{display:block;width:100%;height:auto;mix-blend-mode:multiply;opacity:.62;pointer-events:none}
.lpMk::before{content:"";position:absolute;inset:-8px;border:1px dashed rgba(255,255,255,.7);border-radius:8px}
.lpMk i{position:absolute;right:-13px;bottom:-13px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);cursor:nwse-resize}
.lpHint{margin:10px 0 0;text-align:center;font-size:12px;color:var(--ts)}
.lpSeg{display:flex;justify-content:center;gap:6px;margin-top:14px}
.lpSeg button{min-width:92px;height:36px;border-radius:8px;border:1px solid var(--tilebd);background:rgba(255,255,255,.03);color:var(--tp);font:600 12.5px Inter,sans-serif;cursor:pointer}
.lpSeg button.on{border-color:var(--gold);color:var(--gold)}
.lpSum{margin-top:12px;text-align:center;font-size:12.5px;color:var(--ts)}.lpSum b{color:var(--tp);font-weight:600}
.lp .pacts .cta{width:auto;margin:0;padding:11px 34px}
.lpMore{display:flex;justify-content:center;gap:22px;margin-top:14px}
.lpMore button{background:none;border:none;color:var(--ts);font:600 12.5px Inter,sans-serif;cursor:pointer;padding:4px 0}.lpMore button:hover{color:var(--gold)}
.lpMore button em{font-style:normal;color:var(--gold)}
@media (max-width:700px){.lp .pgrid{grid-template-columns:repeat(2,1fr)}.lp .pacts{flex-wrap:wrap}.lpMore{flex-wrap:wrap;gap:12px 18px}}
.lpTabs{margin:0 0 16px}.lpTabs button{min-width:130px}
.lpLogos{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.lpLogos button{width:120px;height:68px;border-radius:8px;border:1px solid var(--tilebd);background:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.lpLogos button:hover{border-color:var(--gold);box-shadow:0 0 0 1px rgba(229,168,46,.3)}.lpLogos img{max-width:78%;max-height:62%}
.lpCtx{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:0 auto 18px;padding:6px 8px 6px 6px;border:1px solid var(--tilebd);border-radius:8px;background:var(--tile);font-size:12.5px;color:var(--ts)}
.lpCtx img{width:30px;height:36px;border-radius:8px;object-fit:cover}.lpCtx b{color:var(--tp);font-weight:600}
.lpCtx button{margin-left:6px;background:none;border:none;color:var(--gold);font:600 12px Inter,sans-serif;cursor:pointer}