/* Artwork sits directly on the page. Width controls the trimmed logo itself. */
.brand-logo.artwork-logo{width:var(--logo-size,96px);height:auto;max-width:min(100%,360px);max-height:none;display:block;overflow:visible;border:0;border-radius:0;box-shadow:none;background:transparent!important;margin:0 auto 18px;line-height:0}
.brand-logo.artwork-logo img,.brand-logo.artwork-logo canvas{display:block;width:100%;height:auto;max-height:240px;object-fit:contain;padding:0;border:0;border-radius:0;background:transparent}
.artwork-logo span{display:block;padding:12px 0;line-height:1.4}.customer-brand .brand-logo.artwork-logo{max-width:min(100%,360px)}
.mono-logo img,.mono-logo canvas{filter:brightness(0)}.mono-logo.logo-on-dark img,.mono-logo.logo-on-dark canvas{filter:brightness(0) invert(1)}
.appearance-toggle{display:block;margin:16px 20px 0 auto;padding:9px 14px;border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--muted);font-size:12px}.appearance-toggle+.funnel{padding-top:16px}
.preview-switch{display:flex;gap:8px;margin-bottom:12px}.preview-switch button{flex:1;border:1px solid var(--line);padding:10px;border-radius:9px;background:#fff;color:var(--ink);font-size:12px}.preview-switch button[aria-pressed=true]{background:var(--tint);border-color:var(--accent)}
.brand-preview[data-preview=dark]{background:linear-gradient(135deg,#1b182a,#302233);color:#f3efff;border-color:#4a415b}.brand-preview[data-preview=dark] p{color:#c4bdd2}.brand-preview[data-preview=dark] .eyebrow{color:#dec2ff}.brand-preview[data-preview=dark] .preview-pill{background:#ffffff12;color:#e5d6f7}
.qr-layout{display:flex;gap:26px;align-items:center}.qr-layout>div:last-child{flex:1;min-width:0}#qr-preview{width:190px;flex-shrink:0;background:white;border-radius:8px;padding:0;line-height:0}#qr-preview canvas{width:100%;height:auto}.qr-link{font-size:13px;overflow-wrap:anywhere}.qr-actions{display:flex;flex-wrap:wrap;gap:10px}#qr-status{font-size:12px;margin:12px 0 0}
html[data-appearance=dark]:has(body.customer){color-scheme:dark;--ink:#eeeaf7;--muted:#bdb6cc;--line:#40364f;--page:#17141e}
html[data-appearance=dark] .customer{--accent:#b29afa;--accent-dark:#dacbff;--tint:#302343;--peach:#342527}
html[data-appearance=dark] .customer.theme-rose{--accent:#f08cb3;--accent-dark:#ffc4dc;--tint:#38202e;--peach:#38291f}
html[data-appearance=dark] .customer.theme-ocean{--accent:#72d5cd;--accent-dark:#adf1eb;--tint:#153537;--peach:#202f45}
html[data-appearance=dark] .customer .surface,html[data-appearance=dark] .customer .review-card{background:#211b2b}
html[data-appearance=dark] .customer .chip{background:#272131;color:#ded6eb}
html[data-appearance=dark] .customer .chip[aria-pressed=true]{background:var(--tint);color:var(--accent-dark)}
html[data-appearance=dark] .customer textarea,html[data-appearance=dark] .customer select{background:#19151f;border-color:var(--line);color:var(--ink)}
html[data-appearance=dark] .customer .primary{background:var(--accent);color:#19131f}
html[data-appearance=dark] .customer .secondary{background:#211b2b;color:var(--accent-dark)}
html[data-appearance=dark] .customer .steps b{background:#373041}html[data-appearance=dark] .customer .steps .current b{background:var(--accent);color:#17141e}
html[data-appearance=dark] .customer .error{background:#41242d;color:#ffd0d9;border-color:#703c4c}
@media(max-width:680px){.qr-layout{flex-direction:column;align-items:flex-start}.qr-actions{width:100%}.qr-layout>div:last-child{width:100%}}