html body.sc-storefront .sc-artwork{color:var(--sc-text,#f7f3e9);background:var(--sc-bg,#12282d);border:1px dashed var(--sc-line,#385258);border-radius:12px;padding:20px;margin:20px 0;font:inherit;min-width:0}
.sc-artwork [hidden]{display:none!important}
.sc-artwork-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.sc-artwork-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid var(--sc-line,#385258);border-radius:10px;color:var(--sc-gold,#e5be70);font-size:24px}
.sc-artwork-heading strong{display:block;font-size:14px;font-weight:600;line-height:1.5}
.sc-artwork-heading div>span{display:block;color:var(--sc-muted,#abc5cb);font-size:12px;line-height:1.6;margin-top:2px}
.sc-artwork-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
html body.sc-storefront .sc-artwork .sc-artwork-choose{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:7px;background:var(--sc-button,#e5be70);color:var(--sc-button-text,#12282d)!important;cursor:pointer;font-size:13px;letter-spacing:0;text-transform:none;font-weight:600;margin:0;line-height:1.5;overflow:hidden}
.sc-artwork-choose input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.sc-artwork-choose:focus-within{outline:2px solid var(--sc-gold,#e5be70);outline-offset:4px}
.sc-artwork-limit{color:var(--sc-muted,#abc5cb);font-size:12px}
html body.sc-storefront .sc-artwork .sc-artwork-formats{margin:12px 0 0;font-size:11px;line-height:1.7;color:var(--sc-muted,#abc5cb)}
.sc-artwork-file{display:flex;align-items:center;gap:12px;padding:13px 0 0;margin-top:13px;border-top:1px solid var(--sc-line,#385258)}
.sc-artwork-file>span{color:var(--sc-gold,#e5be70);font-size:24px}
.sc-artwork-file>div{min-width:0;flex:1}
html body.sc-storefront .sc-artwork a.sc-artwork-name{display:block;color:var(--sc-text,#f7f3e9);font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.sc-artwork-size{display:block;color:var(--sc-muted,#abc5cb);font-size:11px;margin-top:4px}
html body.sc-storefront .sc-artwork button.sc-artwork-remove{border:0;background:none;color:var(--sc-muted,#abc5cb);padding:8px 0 8px 8px;font:inherit;font-size:12px;cursor:pointer;box-shadow:none}
html body.sc-storefront .sc-artwork p.sc-artwork-status{color:var(--sc-muted,#abc5cb);font-size:12px;line-height:1.7;margin:10px 0 0}
.sc-artwork-status:empty{display:none}
html body.sc-storefront .sc-artwork[data-state=error] p.sc-artwork-status{color:var(--sc-error,#efb3a5)}
.sc-artwork[data-state=uploading] .sc-artwork-icon{animation:sc-artwork-pulse 1s ease-in-out infinite alternate}
.sc-artwork[data-state=ready]{border-style:solid}
.sc-legacy-personalization{margin:22px 0}
html body.sc-storefront .sc-legacy-personalization>label{display:block;color:var(--sc-text,#f7f3e9);font-size:13px;margin-bottom:10px}
.sc-legacy-personalization>textarea{width:100%;box-sizing:border-box;background:var(--sc-bg,#12282d);color:var(--sc-text,#f7f3e9);border:1px solid var(--sc-line,#385258);border-radius:8px;padding:12px;font:inherit;font-size:13px;line-height:1.7;resize:vertical}
html body.sc-storefront .sc-artwork.sc-artwork--compact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;background:transparent;border:0;border-top:1px solid var(--sc-line,#385258);border-radius:0;padding:10px 0 0;margin:12px 0 0}
.sc-artwork--compact .sc-artwork-heading{gap:8px;margin:0;min-width:0}
.sc-artwork--compact .sc-artwork-icon{width:28px;height:28px;border-radius:6px;font-size:19px}
.sc-artwork--compact .sc-artwork-heading strong{font-size:12px;line-height:1.5}
.sc-artwork--compact .sc-artwork-heading div>span,.sc-artwork--compact .sc-artwork-limit{display:none}
.sc-artwork--compact .sc-artwork-actions{justify-content:flex-end;gap:8px}
html body.sc-storefront .sc-artwork.sc-artwork--compact .sc-artwork-choose{min-height:42px;padding:8px 13px;font-size:12px}
html body.sc-storefront .sc-artwork.sc-artwork--compact .sc-artwork-formats{grid-column:1/-1;margin:6px 0 0;font-size:10px;line-height:1.6}
.sc-artwork--compact .sc-artwork-file{grid-column:1/-1;gap:8px;padding-top:8px;margin-top:8px}
.sc-artwork--compact .sc-artwork-file>span{font-size:19px}
.sc-artwork--compact .sc-artwork-size{margin-top:2px}
html body.sc-storefront .sc-artwork.sc-artwork--compact .sc-artwork-remove{min-height:42px}
html body.sc-storefront .sc-artwork.sc-artwork--compact .sc-artwork-status{grid-column:1/-1;margin:5px 0 0;font-size:11px;line-height:1.6}
.sc-artwork--compact:is([data-state=uploading],[data-state=error]) .sc-artwork-actions{grid-column:1/-1;justify-content:flex-start;margin-top:6px}
html body.sc-storefront .sc-legacy-personalization>textarea{min-height:72px;padding:9px 11px;font-size:12px;line-height:1.65}
@keyframes sc-artwork-pulse{to{opacity:.45}}
@media(prefers-reduced-motion:reduce){.sc-artwork[data-state=uploading] .sc-artwork-icon{animation:none}}
@media(max-width:480px){html body.sc-storefront .sc-artwork{padding:16px}.sc-artwork-heading div>span{font-size:11px}}