/* Optional product palettes. Keep structure and the original artwork intact. */
html[data-theme=light]{color-scheme:light}
html[data-theme=light] .arsenal-page{
 
 background:radial-gradient(ellipse 75% 650px at 5% 0,color-mix(in srgb,var(--light-raised) 72.2%,transparent),transparent),radial-gradient(ellipse 65% 800px at 100% 8%,color-mix(in srgb,var(--light-raised) 65.1%,transparent),transparent),linear-gradient(160deg,var(--light-bg),var(--light-bg) 55%,var(--light-raised));
}
html[data-theme=light] .arsenal-page .site-header{background:color-mix(in srgb,var(--light-bg) 85.1%,transparent);border-color:color-mix(in srgb,var(--light-border) 54.9%,transparent)}
/* A dark plaque preserves the supplied white wordmark without recolouring it. */
html[data-theme=light] .arsenal-page .brand,
html[data-theme=light] .arsenal-page .studio-copy>img{background:var(--ink);border-radius:12px;padding:2px var(--space-8);box-shadow:0 2px 8px color-mix(in srgb,var(--light-text) 5.1%,transparent)}
html[data-theme=light] .arsenal-page .desktop-nav a{color:var(--light-muted)}
html[data-theme=light] .arsenal-page .desktop-nav a:hover{color:var(--light-text)}
html[data-theme=light] .arsenal-page .hero-product{color:var(--light-text)}
html[data-theme=light] .arsenal-page .hero h1 .accent-text{background-image:linear-gradient(100deg,var(--light-accent),var(--light-accent) 58%,var(--light-cyan))}
html[data-theme=light] .arsenal-page :is(.hero .eyebrow,.hero-price>span,.purchase-caption,.hero-availability,.hero-footnote,.package-compatibility,.package-visual figcaption){color:var(--light-muted)}
html[data-theme=light] .arsenal-page .hero-price>span{border-color:var(--light-border)}
html[data-theme=light] .arsenal-page .hero-footnote strong{color:var(--light-text)}
html[data-theme=light] .arsenal-page .hero-footnote a{color:var(--violet-mid)}
html[data-theme=light] .arsenal-page .hero-availability>span{background:var(--subtle)}
html[data-theme=light] .arsenal-page .package-image{filter:drop-shadow(0 20px 25px color-mix(in srgb,var(--light-muted) 16.9%,transparent))}
html[data-theme=light] .arsenal-page .package-visual .hero-orbit{background:radial-gradient(ellipse,color-mix(in srgb,var(--violet-soft) 33.3%,transparent),transparent 68%)}
html[data-theme=light] .arsenal-page .adobe-apps>span{background:color-mix(in srgb,var(--white) 62.0%,transparent);border-color:var(--light-border);color:var(--light-text);box-shadow:0 3px 12px color-mix(in srgb,var(--border) 1.6%,transparent)}
html[data-theme=light] .arsenal-page .category-ribbon{background:color-mix(in srgb,var(--white) 45.9%,transparent);border-color:var(--light-border)}
html[data-theme=light] .arsenal-page .category-ribbon .container{color:var(--light-muted)}
html[data-theme=light] .arsenal-page :is(.section-heading .eyebrow,.preview-copy .eyebrow,.studio-heading .eyebrow,.faq-section .eyebrow){color:var(--light-muted)}
html[data-theme=light] .arsenal-page :is(.section-note,.category-count,.workflow-top>span){color:var(--light-muted)}
html[data-theme=light] .arsenal-page .preview-image{border-color:var(--light-border);box-shadow:0 10px 30px color-mix(in srgb,var(--border) 7.1%,transparent)}
html[data-theme=light] .arsenal-page :is(.play-circle,.asset-explore){color:var(--white)}
html[data-theme=light] .arsenal-page .library-section{background:linear-gradient(135deg,color-mix(in srgb,var(--light-raised) 50.2%,transparent),color-mix(in srgb,var(--light-raised) 60.0%,transparent));border-color:var(--light-border)}
html[data-theme=light] .arsenal-page .filters{background:color-mix(in srgb,var(--white) 58.0%,transparent);border-color:var(--light-border)}
html[data-theme=light] .arsenal-page .filters button{color:var(--light-muted)}
html[data-theme=light] .arsenal-page .filters button[aria-pressed=true]{background:var(--light-text);color:var(--white);box-shadow:0 3px 9px color-mix(in srgb,var(--light-text) 12.5%,transparent)}@media(hover:hover){
html[data-theme=light] .arsenal-page .filters button:hover:not([aria-pressed=true]){background:var(--light-raised);color:var(--violet-deep);border-color:var(--violet-soft)}}
html[data-theme=light] .arsenal-page .asset-image{border-color:var(--light-border)}
html[data-theme=light] .arsenal-page .workflow-card{background:linear-gradient(145deg,color-mix(in srgb,var(--white) 92.2%,transparent),color-mix(in srgb,var(--light-bg) 70.2%,transparent));border-color:var(--light-border);box-shadow:0 10px 35px color-mix(in srgb,var(--border) 2.4%,transparent)}
html[data-theme=light] .arsenal-page .compatibility{background:color-mix(in srgb,var(--white) 60.0%,transparent);border-color:var(--light-border)}
html[data-theme=light] .arsenal-page .format-icon{background:var(--light-raised);border-color:var(--violet-soft);color:var(--violet-mid)}
html[data-theme=light] .arsenal-page .offer-card{background:radial-gradient(ellipse at 0 0,var(--light-raised),transparent 70%),color-mix(in srgb,var(--white) 70.2%,transparent);border-color:var(--violet-soft);box-shadow:0 24px 70px color-mix(in srgb,var(--light-muted) 6.7%,transparent)}
html[data-theme=light] .arsenal-page .offer-purchase{background:color-mix(in srgb,var(--white) 39.6%,transparent);border-color:var(--light-border)}
html[data-theme=light] .arsenal-page :is(.offer-copy>.eyebrow,.offer-purchase>.eyebrow){color:var(--light-muted)}
html[data-theme=light] .arsenal-page :is(.offer-copy>p:not(.eyebrow),.price-note,.checkout-caption,.availability-note,.price>span){color:var(--light-muted)}
html[data-theme=light] .arsenal-page .offer-list{color:var(--light-text)}
html[data-theme=light] .arsenal-page .studio-heading em{color:var(--violet-mid)}
html[data-theme=light] .arsenal-page .studio-tags>span{color:var(--light-muted);border-color:var(--light-border)}
html[data-theme=light] .arsenal-page .faq-list summary .icon{color:var(--light-muted)}
html[data-theme=light] .arsenal-page .site-footer{background:color-mix(in srgb,var(--light-raised) 50.2%,transparent)}
html[data-theme=light] .arsenal-page :is(.footer-top>p,.footer-top .text-link,.footer-bottom){color:var(--light-muted)}
html[data-theme=light] .arsenal-page .footer-bottom{border-color:var(--light-border)}
html[data-theme=light] .arsenal-page .footer-bottom a:hover{color:var(--violet-mid)}
html[data-theme=light] .arsenal-page :is(.checkout-dialog,.content-dialog,.video-dialog){background:var(--light-bg);border-color:var(--light-border);box-shadow:0 28px 100px color-mix(in srgb,var(--light-text) 25.1%,transparent)}
html[data-theme=light] .arsenal-page dialog::backdrop{background:color-mix(in srgb,var(--light-text) 50.2%,transparent)}
html[data-theme=light] .arsenal-page .checkout-status{background:var(--light-raised);border-color:var(--violet-soft);color:var(--light-muted)}
html[data-theme=light] .arsenal-page .order-line{color:var(--light-muted);border-color:var(--light-border)}
html[data-theme=light] .arsenal-page .order-line.total{color:var(--light-text)}
html[data-theme=light] .arsenal-page .button-secondary{background:var(--light-raised);border-color:var(--light-border);color:var(--light-text)}
html[data-theme=light] .arsenal-page .button-secondary:hover{background:var(--light-border)}
html[data-theme=light] .arsenal-page .icon-button:hover{background:var(--light-raised)}
html[data-theme=light] .arsenal-page .mobile-buy{background:color-mix(in srgb,var(--light-bg) 91.0%,transparent);border-color:var(--light-border);box-shadow:0 -8px 35px color-mix(in srgb,var(--light-muted) 3.9%,transparent)}
html[data-theme=light] .arsenal-page .mobile-buy span{color:var(--light-muted)}
html[data-theme=light] .arsenal-page .noscript-note{background:var(--light-raised)}
/* Independent purchase-button option; both palettes can use either accent. */
html[data-accent=green] .arsenal-page .button-primary{background:linear-gradient(180deg,var(--success),var(--success-deep));border-color:var(--success-deep);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--white) 20.8%,transparent),0 6px 22px color-mix(in srgb,var(--success-deep) 14.1%,transparent);color:var(--white)}
html[data-accent=green] .arsenal-page .button-primary:hover{background:linear-gradient(180deg,var(--success-deep),var(--success-deep))}
/* Owner comparison tools never appear on the ordinary public route. */
.appearance-preview{display:none}
html[data-design-preview=true] .appearance-preview{display:block;background:var(--ink);color:var(--light-bg);border-bottom:1px solid var(--border);font-size:.8125rem}
.appearance-preview summary{display:flex;align-items:center;gap:var(--space-12);cursor:pointer;min-height:44px;font-weight:600;list-style:none}
.appearance-preview summary::before{content:'+';font-size:1rem}
.appearance-preview details[open] summary::before{content:'−'}
.appearance-preview summary::-webkit-details-marker{display:none}
.appearance-preview summary span{font-size:.6875rem;color:var(--muted);font-weight:400}
.appearance-controls{display:flex;align-items:end;gap:var(--space-16);padding-block:var(--space-4) 18px;flex-wrap:wrap}
.appearance-controls label{display:grid;gap:6px;font-size:.75rem;color:var(--light-border)}
.appearance-controls select{font:inherit;font-size:.875rem;color:var(--white);background:var(--light-text);border:1px solid var(--light-muted);border-radius:10px;min-height:44px;padding:var(--space-8) 28px var(--space-8) var(--space-12);color-scheme:dark;max-width:100%}
.appearance-controls .text-link{font-size:.75rem}
@media(max-width:700px){.appearance-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.appearance-controls label{min-width:0}.appearance-controls select{width:100%;padding-inline:9px}.appearance-controls .text-link{font-size:.6875rem;white-space:normal}}

/* Warm yellow details complement the main violet/emerald actions. */
.arsenal-page{}
html[data-theme=light] .arsenal-page{}
.arsenal-page .tiny-star,.arsenal-page .offer-list .icon,.arsenal-page .text-link .icon{color:var(--detail-accent)}
.arsenal-page .regular-price b{color:var(--detail-accent);background:var(--detail-tint)}
.arsenal-page .asset-number{color:var(--gold)}