/* Buyer surfaces share one palette and spacing system; seller storefronts retain their branding. */
.library-download-note { grid-column: 1 / -1; width: 100%; overflow-wrap: anywhere; }
.marketplace-skip-link { position: absolute; top: 8px; left: 8px; z-index: 100; padding: 12px 18px; background: #ff9b61; color: #080f1c; border-radius: 8px; transform: translateY(-200%); }
.marketplace-skip-link:focus { transform: translateY(0); }
.marketplace-mobile-menu { display: none; position: relative; z-index: 20; }
.marketplace-mobile-menu summary { min-height: 44px; display: flex; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid #3b4c64; border-radius: 8px; color: #f4f7fc; cursor: pointer; }
.marketplace-mobile-menu summary::after { content: ' +'; margin-left: 8px; color: #ff9b61; }
.marketplace-mobile-menu[open] summary::after { content: ' −'; }
.marketplace-mobile-menu nav { position: absolute; right: 0; top: calc(100% + 8px); width: min(280px, calc(100vw - 32px)); padding: 8px; border: 1px solid #3b4c64; border-radius: 12px; background: #101c2e; box-shadow: 0 16px 40px #0008; display: grid; }
.marketplace-mobile-menu nav a { display: flex; align-items: center; min-height: 44px; padding: 0 14px; color: #f4f7fc; border-radius: 6px; text-decoration: none; }
.marketplace-mobile-menu nav a[aria-current] { color: #ff9b61; background: #1a2b41; }
.owner-marketplace-preview-controls { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; padding: 24px; }
.owner-marketplace-preview-controls > :is(strong, p) { grid-column: 1 / -1; margin: 0; }
.owner-marketplace-preview-controls > label { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.owner-marketplace-preview-controls > label:has(input[type="checkbox"]) { flex-direction: row; align-items: center; align-self: center; }
.owner-marketplace-preview-controls :is(input:not([type="checkbox"]), select) { width: 100%; min-height: 44px; padding: 10px 12px; box-sizing: border-box; border: 1px solid #3b4c64; border-radius: 8px; background: #0c1626; color: #f4f7fc; }
.owner-marketplace-preview-controls > button { align-self: end; min-height: 44px; }
@media (max-width: 700px) { .owner-marketplace-preview-controls { grid-template-columns: minmax(0, 1fr); padding: 16px; } }
:is(body[data-marketplace], .marketplace-preview-surface) {
  color-scheme: dark;
  --ss-bg-page: #080f1c; --ss-bg-panel: #101c2e; --ss-bg-raised: #17263b;
  --ss-text-primary: #f4f7fc; --ss-text-secondary: #c4cfde; --ss-text-muted: #9cacc3;
  --ss-border-subtle: #293b53; --ss-link-text: #ff9b61; --ss-surface-rgb: 16 28 46;
  --ss-bg-input: #0c1626; --ss-bg-section: #101c2e; --ss-bg-card: #101c2e;
  --ss-highlight: #ff711c; --ss-button-bg: #ff711c; --ss-button-text: #171009;
  --text: #f4f7fc; --soft: #c4cfde; --muted: #9cacc3; --line: #293b53;
  --surface: #101c2e; --surface-2: #17263b; --bg: #080f1c; --accent: #ff711c;
  background: var(--ss-bg-page); color: var(--text);
}
:is(body[data-marketplace], .marketplace-preview-surface) .store-app { padding: 0; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-page { background: #080f1c; overflow: clip; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-header {
  grid-template-columns: auto 1fr auto; gap: 24px;
  padding: 12px max(24px, calc((100vw - 1400px) / 2));
  background: #0c1626; box-shadow: none;
}
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-nav a,
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-actions a { text-transform: none; font-weight: 650; font-size: 14px; min-height: 44px; display: inline-flex; align-items: center; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-nav a[aria-current] { padding-bottom: 0; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-actions { gap: 8px; overflow: visible; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-actions a { padding: 0 12px; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-content { max-width: 1400px; margin: 0 auto; padding: clamp(24px, 4vw, 56px) 24px 64px; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-content > * { min-width: 0; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-content > .product-page { padding: 0; }
:is(body[data-marketplace], .marketplace-preview-surface) :is(.marketplace-section, .marketplace-page-hero, .marketplace-footer, .marketplace-workflow-strip) { max-width: 1448px; margin-inline: auto; }
:is(body[data-marketplace], .marketplace-preview-surface) :is(.marketplace-section, .marketplace-page-hero) { padding-block: 40px; }
:is(body[data-marketplace], .marketplace-preview-surface) :is(h1, h2, h3) { text-wrap: balance; }
:is(body[data-marketplace], .marketplace-preview-surface) :is(.store-button, input, select) { min-height: 44px; }
/* The legacy store stylesheet declares all button fills !important. Keep this override buyer-scoped. */
:root :is(body[data-marketplace], .marketplace-preview-surface) .store-button:not(.secondary):not(.ghost):not(.danger) { background: #ff711c !important; color: #171009 !important; border-color: #ff711c; box-shadow: none; }
:root :is(body[data-marketplace], .marketplace-preview-surface) .store-button:not(.secondary):not(.ghost):not(.danger):hover:not(:disabled) { background: #ff9657 !important; border-color: #ff9657; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-hero { min-height: 600px; padding-block: 64px; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-hero h1 { font-size: clamp(38px, 5vw, 68px); line-height: 1.04; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-hero-copy > p:not(.store-eyebrow) { font-size: 18px; line-height: 1.6; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-rail:has(> :only-child) { display: block; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-rail > :only-child > a { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-rail > :only-child .marketplace-card-art { min-height: 0; max-height: 340px; }
:is(body[data-marketplace], .marketplace-preview-surface) :is(input, select, textarea) { background: #0c1626; color: #f4f7fc; border-color: #354961; }
:is(body[data-marketplace], .marketplace-preview-surface) :is(a, button, input, select, summary):focus-visible { outline: 2px solid #ffa66f; outline-offset: 4px; }
:is(body[data-marketplace], .marketplace-preview-surface) .store-hero { padding: 0 0 32px; gap: 24px; }
:is(body[data-marketplace], .marketplace-preview-surface) .store-hero h1 { font-size: clamp(30px, 4vw, 52px); max-width: 850px; }
:is(body[data-marketplace], .marketplace-preview-surface) .store-hero p { max-width: 720px; line-height: 1.65; }
:is(body[data-marketplace], .marketplace-preview-surface) .store-controls { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 24px; margin-bottom: 32px; background: #101c2e; border: 1px solid #293b53; border-radius: 16px; }
:is(body[data-marketplace], .marketplace-preview-surface) .store-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
:is(body[data-marketplace], .marketplace-preview-surface) :is(.product-card, .marketplace-product-card) { background: #101c2e; border: 1px solid #293b53; border-radius: 16px; overflow: hidden; box-shadow: none; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-card-body { padding: 24px; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-card h2 { font-size: 22px; line-height: 1.25; }
:is(body[data-marketplace], .marketplace-preview-surface) :is(.product-card-media, .marketplace-card-art) img { object-fit: contain; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-hero-premium { grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); gap: 24px 40px; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-hero-premium > .product-media-column { grid-column: 1; grid-row: 1 / span 2; grid-template-columns: minmax(0, 1fr); gap: 16px; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-media-stage { grid-column: 1; grid-row: 1; min-height: 0; height: auto; aspect-ratio: 4 / 3; border-radius: 16px; background: #101c2e; box-shadow: none; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-media-stage img { height: 100%; max-height: 540px; object-fit: contain; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-media-thumbs { grid-row: 2; grid-column: 1; display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-media-thumb { width: 76px; height: 64px; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-identity { grid-column: 2; grid-row: 1; padding: 0; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-identity h1 { font-size: clamp(30px, 3.2vw, 46px); line-height: 1.12; overflow-wrap: anywhere; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-buy-card { grid-column: 2; grid-row: 2; position: static; border-radius: 16px; padding: 24px; background: #101c2e; box-shadow: none; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-content-grid { grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); gap: 24px; }
:is(body[data-marketplace], .marketplace-preview-surface) :is(.product-description-feature-row, .product-card-row) { grid-template-columns: minmax(0, 1fr); }
:is(body[data-marketplace], .marketplace-preview-surface) .product-content-side .product-highlights-side { display: none; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-page-card { border-radius: 16px; padding: 24px; background: #101c2e; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-section-tabs { flex-wrap: wrap; position: static; }
:is(body[data-marketplace], .marketplace-preview-surface) .customer-auth-page { width: 100%; max-width: 520px; margin: 24px auto; padding: 32px; background: #101c2e; border: 1px solid #293b53; border-radius: 16px; }
:is(body[data-marketplace], .marketplace-preview-surface) .customer-auth-page :is(h1, p, form, label) { width: 100%; text-align: left; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-footer { border-top: 1px solid #293b53; background: #0c1626; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-footer nav { display: flex; min-width: 0; flex-wrap: wrap; gap: 16px 24px; }
:is(body[data-marketplace], .marketplace-preview-surface) .checkout-review-page .v1-checkout-layout { margin: 0; padding: 24px; gap: 32px; min-height: 0; background: #101c2e; border: 1px solid #293b53; border-radius: 16px; }
:is(body[data-marketplace], .marketplace-preview-surface) .checkout-review-page .v1-checkout-layout > main { display: block; padding: 0; background: transparent; }
:is(body[data-marketplace], .marketplace-preview-surface) .checkout-review-page .v1-checkout-layout > main h1 { margin: 12px 0 16px; }
:is(body[data-marketplace], .marketplace-preview-surface) .checkout-review-page .v1-checkout-layout > aside { background: #101c2e; }
:is(body[data-marketplace], .marketplace-preview-surface) .store-cart-bar { inset: auto 20px 20px auto; width: auto; max-width: calc(100vw - 40px); display: flex; align-items: center; gap: 20px; padding: 12px 16px; border-radius: 14px; background: #17263b; border: 1px solid #52637b; }
:is(body[data-marketplace], .marketplace-preview-surface):has(.store-cart-bar) .marketplace-footer { padding-bottom: 110px; }
@media (max-width: 1100px) {
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-header { grid-template-columns: 1fr auto; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; flex-wrap: wrap; gap: 8px 24px; overflow: visible; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-actions { grid-column: 2; grid-row: 1; }
  :is(body[data-marketplace], .marketplace-preview-surface) .store-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :is(body[data-marketplace], .marketplace-preview-surface) .store-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  body[data-marketplace] .customer-account-shell { padding-inline: 0; }
  body[data-marketplace] .customer-account-shell .customer-account-section { padding: 12px; }
  body[data-marketplace] .customer-account-shell .library-card .product-card-body { padding: 12px; }
  body[data-marketplace] .customer-account-shell :is(.library-file, .customer-portal-card) { overflow-wrap: anywhere; }
  :is(body[data-marketplace], .marketplace-preview-surface) .product-media-thumbs { flex-wrap: nowrap; max-width: 100%; overflow-x: auto; overflow-y: hidden; padding-bottom: 8px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .store-summary { display: flex; align-items: baseline; gap: 10px; width: auto; min-width: 0; padding: 0; border: 0; background: transparent; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-footer { grid-template-columns: minmax(0, 1fr); }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-hero { min-height: 0; padding: 48px 20px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-rail > :only-child > a { grid-template-columns: minmax(0, 1fr); }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-header { position: static; padding: 16px; gap: 12px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-brand { grid-template-columns: 32px auto; gap: 8px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-logo { width: 32px; height: 32px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-brand strong { font-size: 16px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-actions a { font-size: 12px; padding: 0 8px; border: 0; background: transparent; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-nav { justify-content: space-between; gap: 4px 12px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-content { padding: 24px 16px 48px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .store-controls { padding: 16px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .store-controls > :first-child { grid-column: 1 / -1; }
  :is(body[data-marketplace], .marketplace-preview-surface) .store-grid { grid-template-columns: minmax(0, 1fr); }
  :is(body[data-marketplace], .marketplace-preview-surface) .product-hero-premium,
  :is(body[data-marketplace], .marketplace-preview-surface) .product-content-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .product-hero-premium > .product-identity { grid-row: 1; grid-column: 1; }
  :is(body[data-marketplace], .marketplace-preview-surface) .product-hero-premium > .product-media-column { grid-row: 2; grid-column: 1; }
  :is(body[data-marketplace], .marketplace-preview-surface) .product-hero-premium > .product-buy-card { grid-row: 3; grid-column: 1; }
  :is(body[data-marketplace], .marketplace-preview-surface) .customer-auth-page { padding: 24px; margin-block: 0; }
  :is(body[data-marketplace], .marketplace-preview-surface) .store-cart-bar { inset: auto 12px 12px; max-width: none; justify-content: space-between; gap: 8px; padding: 10px 12px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .store-cart-bar-actions { display: flex; flex-wrap: nowrap; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  :is(body[data-marketplace], .marketplace-preview-surface) * { scroll-behavior: auto; transition: none; }
}
@media (max-width: 380px) {
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-header { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-actions { grid-column: 1; grid-row: 2; justify-content: flex-start; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-nav { grid-column: 1; grid-row: 3; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.marketplace-preview-surface{width:100%;box-sizing:border-box;container-type:inline-size;container-name:marketplace-preview;background:#07111c;color:#f8fafc;border:1px solid #26384d;border-radius:16px;overflow:hidden}.marketplace-private-preview-page[data-preview-mode="mobile"] .marketplace-preview-surface{max-width:390px;margin-inline:auto}
@container marketplace-preview (max-width: 1100px) {
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-header { grid-template-columns: 1fr auto; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; flex-wrap: wrap; gap: 8px 24px; overflow: visible; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-actions { grid-column: 2; grid-row: 1; }
  :is(body[data-marketplace], .marketplace-preview-surface) .store-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :is(body[data-marketplace], .marketplace-preview-surface) .store-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container marketplace-preview (max-width: 760px) {
  .marketplace-preview-surface .store-summary { display: flex; align-items: baseline; gap: 10px; width: auto; min-width: 0; padding: 0; border: 0; background: transparent; }
  .marketplace-preview-surface .marketplace-footer { grid-template-columns: minmax(0, 1fr); }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-hero { min-height: 0; padding: 48px 20px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-rail > :only-child > a { grid-template-columns: minmax(0, 1fr); }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-header { position: static; padding: 16px; gap: 12px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-brand { grid-template-columns: 32px auto; gap: 8px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-logo { width: 32px; height: 32px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-brand strong { font-size: 16px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-actions a { font-size: 12px; padding: 0 8px; border: 0; background: transparent; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-nav { justify-content: space-between; gap: 4px 12px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-content { padding: 24px 16px 48px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .store-controls { padding: 16px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .store-controls > :first-child { grid-column: 1 / -1; }
  :is(body[data-marketplace], .marketplace-preview-surface) .store-grid { grid-template-columns: minmax(0, 1fr); }
  :is(body[data-marketplace], .marketplace-preview-surface) .product-hero-premium,
  :is(body[data-marketplace], .marketplace-preview-surface) .product-content-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .product-hero-premium > .product-identity { grid-row: 1; grid-column: 1; }
  :is(body[data-marketplace], .marketplace-preview-surface) .product-hero-premium > .product-media-column { grid-row: 2; grid-column: 1; }
  :is(body[data-marketplace], .marketplace-preview-surface) .product-hero-premium > .product-buy-card { grid-row: 3; grid-column: 1; }
  :is(body[data-marketplace], .marketplace-preview-surface) .customer-auth-page { padding: 24px; margin-block: 0; }
  :is(body[data-marketplace], .marketplace-preview-surface) .store-cart-bar { inset: auto 12px 12px; max-width: none; justify-content: space-between; gap: 8px; padding: 10px 12px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .store-cart-bar-actions { display: flex; flex-wrap: nowrap; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  :is(body[data-marketplace], .marketplace-preview-surface) * { scroll-behavior: auto; transition: none; }
}
@container marketplace-preview (max-width: 380px) {
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-header { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-actions { grid-column: 1; grid-row: 2; justify-content: flex-start; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-nav { grid-column: 1; grid-row: 3; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.marketplace-directory-logo{width:64px;height:64px;object-fit:contain}.marketplace-directory-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:24px}.marketplace-directory-products a{min-width:0;color:inherit;text-decoration:none}.marketplace-directory-art{aspect-ratio:4/3;background:#080f1c;border-radius:10px;overflow:hidden;margin-bottom:10px}.marketplace-directory-art img{width:100%;height:100%;object-fit:contain}
.marketplace-support-faq details { padding: 20px 0; border-bottom: 1px solid #293b53; }
.marketplace-support-faq summary { cursor: pointer; font-weight: 700; min-height: 44px; padding-block: 10px; box-sizing: border-box; }
.marketplace-support-faq p { max-width: 760px; line-height: 1.7; color: #b6c4d7; }
.marketplace-support-faq a { color: #ffa66f; }

:is(body[data-marketplace], .marketplace-preview-surface) .bundle-product-reviews { min-width: 0; width: 100%; box-sizing: border-box; padding: 0; margin-inline: 0; }
:is(body[data-marketplace], .marketplace-preview-surface) .bundle-product-reviews :is(form, label, details, [data-bundle-review-results]) { min-width: 0; }
:is(body[data-marketplace], .marketplace-preview-surface) .bundle-product-reviews :is(input, select, textarea) { min-width: 0; max-width: 100%; width: 100%; box-sizing: border-box; font-size: 16px; }
:is(body[data-marketplace], .marketplace-preview-surface) .bundle-product-reviews :is(.v1-product-review-form, .v1-product-review-item, .v1-product-review-empty) { background: #101c2e; border-color: #293b53; box-shadow: none; }
:is(body[data-marketplace], .marketplace-preview-surface) .bundle-product-reviews :is(input, select, textarea):focus { border-color: #ff9b61; box-shadow: 0 0 0 3px #ff9b6133; }
:is(body[data-marketplace], .marketplace-preview-surface) .bundle-review-compose > summary { white-space: normal; }
:is(body[data-marketplace], .marketplace-preview-surface) .account-recovery h1 { font-size: 1.5rem; }

@media (max-width: 480px) {
  body[data-marketplace] .store-controls { grid-template-columns: minmax(0, 1fr); }
  body[data-marketplace] .store-price-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-marketplace] .store-controls :is(input, select) { font-size: 16px; min-height: 44px; }
}

@media (max-width: 760px) {
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-header { grid-template-columns: minmax(0, 1fr) auto; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-nav { display: none; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-actions { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; gap: 20px; }
  .marketplace-mobile-menu { display: block; grid-column: 2; grid-row: 1; }
}

@container marketplace-preview (max-width: 760px) {
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-header { grid-template-columns: minmax(0, 1fr) auto; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-nav { display: none; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-public-actions { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; gap: 20px; }
  .marketplace-mobile-menu { display: block; grid-column: 2; grid-row: 1; }
}

/* Keep the generated scene intact on phones; desktop copy uses the reserved side. */
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-hero.has-hero-art { background: #0c1626; }
.marketplace-hero-art { position: absolute; inset: 0; z-index: 0; display: block; }
.marketplace-hero-art[hidden] { display: none; }
.marketplace-hero-art img { width: 100%; height: 100%; object-fit: contain; }
.marketplace-hero-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #0c1626f2, #0c1626b8 34%, #0c162600 72%), linear-gradient(0deg, #0c1626b8, transparent 40%); }
.is-image-left .marketplace-hero-art::after { background: linear-gradient(270deg, #0c1626f2, #0c1626b8 34%, #0c162600 72%), linear-gradient(0deg, #0c1626b8, transparent 40%); }
.marketplace-hero.has-hero-art .marketplace-hero-copy { width: min(620px, 45%); min-width: 0; grid-template-columns: minmax(0, 1fr); }
.marketplace-hero.has-hero-art .store-actions { flex-wrap: wrap; }
@media (max-width: 900px) {
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-hero.has-hero-art { min-height: 0; padding: 0; gap: 0; }
  .marketplace-hero-art { position: relative; inset: auto; width: 100%; background: #080f1c; }
  .marketplace-hero-art img { display: block; height: auto; max-height: 420px; object-fit: contain; margin-inline: auto; }
  .marketplace-hero-art::after { display: none; }
  .marketplace-hero.has-hero-art .marketplace-hero-copy { width: 100%; max-width: 620px; padding: 32px 20px 40px; justify-self: center; box-sizing: border-box; }
}

/* Generated artwork already includes its color treatment and composition. */
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-art:has(> img) > .marketplace-art-field { display: none; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-product-card:hover .marketplace-art img { filter: none; transform: none; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-product-card.is-release .marketplace-card-art { aspect-ratio: 4 / 5; }
:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-product-card.is-wide .marketplace-card-art { aspect-ratio: 16 / 9; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-card-media,
:is(body[data-marketplace], .marketplace-preview-surface) .product-media-stage[data-main-media="marketplace-artwork"] { aspect-ratio: 1; }
:is(body[data-marketplace], .marketplace-preview-surface) .product-media-stage[data-main-media="marketplace-artwork"] img { max-height: none; }

@media (min-width: 701px) and (max-width: 900px) {
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-hero.has-hero-art { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 32px 24px; gap: 24px; }
  .marketplace-hero-art { grid-column: 2; grid-row: 1; border-radius: 16px; overflow: hidden; }
  .marketplace-hero.has-hero-art .marketplace-hero-copy { grid-column: 1; grid-row: 1; padding: 0; }
}

/* Banners keep copy left and artwork right at every size. Supporting copy and actions
   use the full phone width so the fixed composition never makes controls cramped. */
@media (max-width: 700px) {
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-hero.has-hero-art { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); padding: 24px 16px 32px; gap: 16px; }
  .marketplace-hero.has-hero-art .marketplace-hero-copy { display: contents; }
  .marketplace-hero-art { grid-column: 2; grid-row: 1 / span 3; align-self: center; border-radius: 12px; overflow: hidden; }
  .marketplace-hero-copy > .store-eyebrow { grid-column: 1; grid-row: 1; margin: 0; font-size: 11px; }
  :is(body[data-marketplace], .marketplace-preview-surface) .marketplace-hero.has-hero-art h1 { grid-column: 1; grid-row: 2; font-size: clamp(16px, min(7vw, calc((100vw - 64px) * .53 / var(--marketplace-title-units, 6))), 34px); overflow-wrap: anywhere; }
  .marketplace-hero.has-hero-art .marketplace-hero-meta { grid-column: 1; grid-row: 3; }
  .marketplace-hero.has-hero-art .marketplace-hero-copy > p:not(.store-eyebrow) { grid-column: 1 / -1; grid-row: 4; }
  .marketplace-hero.has-hero-art .store-actions { grid-column: 1 / -1; grid-row: 5; }
  .marketplace-hero.has-hero-art .marketplace-hero-badges { grid-column: 1 / -1; grid-row: 6; }
}

:is(body[data-marketplace], .marketplace-preview-surface) .marketplace-hero h1 .marketplace-hero-descriptor { display: block; margin-top: 12px; font-size: clamp(16px, 1.6vw, 22px); line-height: 1.35; font-weight: 550; text-transform: none; color: #c4cfde; }