.storefront-palette-editor{display:grid;gap:10px;padding:0;background:transparent}
.storefront-palette-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.storefront-palette-heading strong{color:var(--ink);font-size:12px;text-transform:none;letter-spacing:0}
.storefront-palette-heading span{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:0;text-transform:none}
.storefront-palette-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.storefront-palette-card{position:relative;min-width:0}
.storefront-editor .storefront-palette-choice{display:flex;align-items:center;gap:8px;width:100%;min-height:64px;padding:8px 30px 8px 8px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink);text-align:left;font:800 11px var(--sans)}
.storefront-editor .storefront-palette-choice[aria-pressed=true]{border:2px solid var(--red);padding:7px 29px 7px 7px}
.storefront-palette-choice>span:last-child{min-width:0;overflow-wrap:anywhere}
.storefront-palette-card.empty .storefront-palette-choice{justify-content:center;padding:8px;border-style:dashed;color:var(--muted)}
.storefront-editor .storefront-palette-menu-trigger{position:absolute;top:5px;right:5px;min-width:23px;width:23px;min-height:23px;height:23px;padding:0}
.storefront-palette-menu{position:absolute;top:30px;right:0;z-index:8;display:grid;gap:2px;min-width:116px;padding:4px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);box-shadow:0 12px 25px #0005}
.storefront-palette-menu[hidden]{display:none}
.storefront-editor .storefront-palette-menu .button{justify-content:flex-start;width:100%;min-height:26px;padding:4px 7px;border:0;border-radius:5px;background:transparent;color:var(--ink);font:700 10px var(--sans);text-align:left;box-shadow:none}
.storefront-editor .storefront-palette-menu .button:hover{background:var(--surface-soft)}
.storefront-editor .storefront-palette-menu [data-palette-action=delete]{color:#e25c69}
.storefront-palette-strip{display:flex;flex:none;width:54px;height:31px;overflow:hidden;border-radius:5px}
.storefront-palette-strip i{flex:1}
.storefront-palette-choice small{display:block;margin-top:3px;color:var(--muted);font-size:9px;font-weight:600}
.storefront-editor .storefront-create-palette{width:100%;min-height:38px;border:1px dashed var(--line-strong);background:var(--surface);color:var(--ink);font-size:11px}
.storefront-editor #editorCreatePalette[hidden]{display:none}
.storefront-editor .storefront-reset-palette{border:0;background:transparent;color:var(--muted);font:700 10px var(--sans);text-decoration:underline}
.storefront-palette-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;font-weight:700}
.storefront-palette-toolbar>div{display:flex;gap:4px}
.storefront-editor .storefront-palette-toolbar .button{min-width:30px;width:30px;min-height:28px;height:28px;padding:0;font-size:16px}
.storefront-palette-name{display:grid;gap:5px;color:var(--muted);font-size:10px}
.storefront-palette-name[hidden],.storefront-editor #editorResetPalette[hidden]{display:none}
.storefront-editor .storefront-palette-name input{min-height:34px}
.storefront-palette-confirm{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;background:#05070ab8}
.storefront-palette-confirm[hidden]{display:none}
.storefront-palette-confirm-card{width:min(360px,100%);box-sizing:border-box;padding:20px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 20px 60px #0006}
.storefront-palette-confirm-card h3{margin:0 0 8px;font-size:19px}
.storefront-palette-confirm-card p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.5}
.storefront-palette-confirm-card>div{display:flex;justify-content:flex-end;gap:8px}
.storefront-palette-fields{display:grid;gap:7px}
.storefront-palette-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.storefront-palette-row label{color:var(--ink);font-size:11px;letter-spacing:0;text-transform:none}
.storefront-editor .storefront-palette-link{display:flex;align-items:center;gap:7px;min-width:0;margin:-5px 0 3px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:0;text-transform:none}
.storefront-editor .storefront-palette-link input{width:14px;min-height:14px;height:14px;padding:0;accent-color:var(--red)}
.storefront-palette-control{display:flex;align-items:center;gap:5px}
.storefront-editor .storefront-palette-swatch{width:34px;min-width:34px;height:34px;min-height:34px;padding:4px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface)}
.storefront-palette-swatch::after{content:'';display:block;width:100%;height:100%;border-radius:4px;background:var(--swatch)}
.storefront-editor .storefront-palette-hex{width:82px;min-height:34px;height:34px;padding:0 7px;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
.storefront-palette-help{margin:2px 0 0!important;font-size:10px;line-height:1.4}
body.theme-beast-mode{--palette-panel:color-mix(in srgb,var(--palette-surface,#171717) 88%,var(--palette-text,#f7f7f7));--palette-border:color-mix(in srgb,var(--palette-surface,#171717) 77%,var(--palette-text,#f7f7f7));--canvas:var(--palette-background,#0d0d0d);--surface:var(--palette-surface,#171717);--surface-soft:var(--palette-panel);--ink:var(--palette-text,#f7f7f7);--muted:var(--palette-muted,#aaa);--line:var(--palette-border);--line-strong:var(--palette-border);--red:var(--palette-accent,#e42024);--red-dark:var(--palette-accent-hover,#bc151a)}
body.theme-beast-mode .site-header{background:var(--palette-headerBackground,var(--palette-surface,#171717))}
body.theme-beast-mode .cart-badge{color:var(--palette-accent-text,#fff);border-color:var(--palette-surface,#171717)}
body.theme-beast-mode .sticky-cart .cart-badge{border-color:var(--palette-surface,#171717)}
body.theme-beast-mode .storefront-footer{background:var(--palette-footer,#181818)}
body.theme-beast-mode .brand,body.theme-beast-mode .footer-brand-name{color:var(--palette-accent,#e42024)}
body.theme-beast-mode .pill-primary,body.theme-beast-mode .featured-track-card .hero-player .round-play,body.theme-beast-mode .license-studio .recommend-cta,body.theme-beast-mode .sticky-player .round-play,body.theme-beast-mode .sticky-price{color:var(--palette-accent-text,#fff)}
body.theme-beast-mode .featured-track-card .hero-player .round-play:not(.playing):hover,body.theme-beast-mode .sticky-player .round-play.playing:hover,body.theme-beast-mode .track-row.active .license-open,body.theme-beast-mode .license-studio .studio-terms-button:hover,body.theme-beast-mode .detail-choose-license,body.theme-beast-mode .footer-signup button,body.theme-beast-mode .mobile-catalog-strip button.active:hover{color:var(--palette-accent-text,#fff)}
body.theme-beast-mode .license-studio .studio-terms-button{color:var(--palette-accent,#e42024)}
body .pill-primary,body .featured-track-card .hero-player .round-play,body .license-studio .recommend-cta,body .sticky-player .round-play,body .sticky-price,body .track-row.active .license-open.in-cart,body .footer-signup button{color:var(--palette-accent-text,#fff)}
body.theme-beast-mode .toast{color:#f7f7f7;background:#292a2c;border:1px solid #56575a}
body.theme-beast-mode .storefront-live-note{color:#ffd6dc;background:#3b2025;border:1px solid #6b333d}
/* Keep the cart on the same quiet, borderless surfaces as the dark storefront. */
body.theme-beast-mode #cartModal{border-color:transparent}
body.theme-beast-mode #cartModal .cart-bundle,body.theme-beast-mode #cartModal .cart-item,body.theme-beast-mode #cartModal .coupon-box{border-color:transparent;background:var(--palette-panel,#202020)}
body.theme-beast-mode #cartModal .coupon-form-row input{border-color:transparent;background:var(--palette-surface,#171717)}
body.theme-beast-mode #cartModal .coupon-form-row button{border-color:transparent;background:var(--palette-accent,#e42024);color:var(--palette-accent-text,#fff)}
body.theme-beast-mode #cartModal .coupon-form-row button:disabled{background:var(--palette-border,#343434);color:var(--palette-muted,#aaa);opacity:1}
/* Every accent-filled storefront action uses the palette's existing button-text role. */
body.theme-beast-mode .sticky-player .round-play:not(.playing),body.theme-beast-mode .sticky-player .round-play.playing,body.theme-beast-mode .sticky-player .round-play:hover,body.theme-beast-mode .sticky-player .round-play.playing:hover,body.theme-beast-mode .row-play.playing,body.theme-beast-mode .track-row.active .license-open.in-cart,body.theme-beast-mode .track-row.active .license-open:not(.in-cart),body.theme-beast-mode .license-open.in-cart,body.theme-beast-mode .license-studio .recommend-cta,body.theme-beast-mode .license-studio .studio-terms-button:hover,body.theme-beast-mode .detail-choose-license,body.theme-beast-mode .footer-signup button{color:var(--palette-accent-text,#fff)}
body.theme-beast-mode .license-studio .studio-feature{color:var(--palette-muted,#aaa)}
body.theme-beast-mode .license-studio .exclusive-license-placeholder{color:var(--palette-text,#f7f7f7)}
body.theme-beast-mode .license-studio .exclusive-license-placeholder small{color:var(--palette-muted,#aaa)}
body.theme-beast-mode .license-studio .intent-button.active .studio-intent-license{color:var(--palette-muted,#aaa)}
body.theme-beast-mode.storefront-compact .compact-conversion-card{border-color:transparent;background:var(--palette-surface,#171717);color:var(--palette-text,#f7f7f7);box-shadow:none}
body.theme-beast-mode.storefront-compact .compact-conversion-card h3{color:var(--palette-text,#f7f7f7)}
body.theme-beast-mode.storefront-compact .compact-conversion-card p:not(.eyebrow){color:var(--palette-muted,#aaa)}
@media(max-width:500px){.storefront-palette-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.storefront-palette-strip{width:37px;height:27px}.storefront-editor .storefront-palette-choice{font-size:10px}}

/* Storefront copy follows the selected palette on home, beat, product, studio and dialog views. */
body .featured-track-card .detail-description,
body .featured-track-card .detail-purchase-head span,
body .featured-track-card .detail-purchase-note,
body .featured-track-card .detail-tag:not(:first-child),
body .beat-page-trust span,
body .featured-mobile-trust small,
body .studio-choice-panel .studio-intent-license,
body .studio-choice-panel .exclusive-license-placeholder small,
body .studio-track-context span,
body .studio-feature,
body .studio-mobile-right,
body .studio-mobile-stat small,
body .studio-mobile-trust small,
body .recommend-summary,
body .right-line,
body .comparison-matrix .comparison-matrix-label,
body .comparison-matrix .terms-open,
body .terms-notice,
body .terms-content,
body .modal-question,
body .modal-track span,
body .modal-license-card > p,
body .modal-selector-layout .right-line span,
body .modal-card-trust,
body #licenseModal .modal-track-label,
body #licenseModal .modal-track small,
body #licenseModal .modal-question,
body #licenseModal .modal-intent-compact-price,
body #licenseModal .modal-exclusive::after,
body #licenseModal .modal-license-card > p,
body #licenseModal .studio-mobile-stat small,
body #licenseModal .modal-mobile-trust small,
body .catalog-search::placeholder,
body .footer-column h3,
body .footer-subscribe .eyebrow,
body .footer-column a,
body .footer-signup-note { color: var(--muted); }
body.beat-page-view .detail-hero-panel .detail-description { color: var(--muted); }
body.beat-page-view .featured-mobile-trust small,
body:not(.beat-page-view):not(.storefront-compact) .featured-mobile-trust small { color: var(--muted); }

body .featured-track-card .detail-tag-control-line .detail-tags {
  min-width: 0;
  flex-wrap: nowrap;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
body .featured-track-card .detail-tag-control-line .detail-tags::-webkit-scrollbar { display: none; }
body.beat-page-view .detail-hero-panel .detail-tag-control-line .detail-tags {
  max-width: 100%;
  flex-wrap: nowrap;
  overflow-x: auto;
}
body .featured-track-card .detail-artist-tag {
  border: 1px solid var(--line);
  color: var(--ink);
  background: var(--surface);
}