.shop-themed{--brand:var(--shop-primary);--brand-ink:var(--shop-primary);--brand-soft:color-mix(in srgb,var(--shop-primary) 12%,var(--surface));--r:var(--shop-radius)}
.shop-themed .btn-primary{background:var(--shop-primary);color:var(--shop-on)}.shop-themed .btn-primary:hover{filter:brightness(.94)}
.shop-themed .pc,.shop-themed .card{border-radius:var(--shop-radius)}.shop-themed h1,.shop-themed h2,.shop-themed h3{font-family:var(--shop-font)}
.shop-banner{position:relative;background:var(--shop-primary);color:var(--shop-on);padding:36px max(16px,calc((100vw - 1400px)/2)) 48px;isolation:isolate}
.shop-banner h1{font-size:clamp(32px,5vw,64px);margin:32px 0 12px;color:inherit}.shop-banner p{max-width:720px}.shop-logo{width:60px;height:60px;object-fit:contain;border-radius:12px;background:var(--surface);padding:5px}
.shop-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.shop-banner:has(.shop-cover):after{content:'';position:absolute;inset:0;background:var(--shop-primary);opacity:.88;z-index:-1}
.shop-notice{padding:10px 16px;text-align:center;background:var(--shop-accent);color:var(--shop-on-accent)}.shop-about{margin:32px 0 90px}.shop-about p{white-space:pre-wrap}
.store-editor{grid-template-columns:minmax(0,1fr) 340px}.store-live-preview{position:sticky;top:24px;align-self:start}.store-preview .shop-banner{padding:20px}.store-preview h3{margin-top:12px}.store-preview p{font-size:12px}
.tracking-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.tracking-page>.card{width:min(100%,520px)}
@media(max-width:1100px){.store-editor{grid-template-columns:minmax(0,1fr)}.store-live-preview{position:static;max-width:340px;margin:auto}.shop-banner{padding:24px 20px 36px}}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .shop-themed{--brand-ink:color-mix(in srgb,var(--shop-primary) 55%,white)}}
:root[data-theme=dark] .shop-themed{--brand-ink:color-mix(in srgb,var(--shop-primary) 55%,white)}