/* SavorIP Premium Experience System R5.1 — shared rhythm, distinct creative rooms */
:root{--sx-forest:#002f28;--sx-forest-deep:#001d19;--sx-gold:#f4c94f;--sx-ivory:#f7f2e7;--sx-paper:#fffdf8;--sx-ink:#102924;--sx-muted:#6f817d;--sx-radius:24px;--sx-shadow:0 24px 70px rgba(0,31,27,.12)}
body.savorip-premium{background:var(--sx-ivory);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.savorip-premium :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--sx-gold)!important;outline-offset:3px}
.app-view.sx-scene{--sx-accent:#f4c94f;--sx-glow:rgba(244,201,79,.14);isolation:isolate;position:relative;background-image:radial-gradient(800px circle at var(--sx-x,76%) var(--sx-y,12%),var(--sx-glow),transparent 58%),linear-gradient(135deg,rgba(255,255,255,.015),transparent 45%)}
.app-view.sx-discover{--sx-accent:#72d8c4;--sx-glow:rgba(114,216,196,.14)}.app-view.sx-store-builder{--sx-accent:#ffcb57;--sx-glow:rgba(255,203,87,.16)}.app-view.sx-story{--sx-accent:#c88755;--sx-glow:rgba(200,135,85,.14)}.app-view.sx-memory{--sx-accent:#9fc8ff;--sx-glow:rgba(159,200,255,.18)}.app-view.sx-products{--sx-accent:#e8bb44;--sx-glow:rgba(232,187,68,.14)}.app-view.sx-studio{--sx-accent:#f4c94f;--sx-glow:rgba(244,201,79,.17)}.app-view.sx-my{--sx-accent:#b7d8c2;--sx-glow:rgba(183,216,194,.13)}.app-view.sx-partner{--sx-accent:#93b7ff;--sx-glow:rgba(147,183,255,.14)}
.sx-surface{border-radius:var(--sx-radius);box-shadow:var(--sx-shadow);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}.sx-surface:hover{transform:translateY(-2px);box-shadow:0 30px 80px rgba(0,31,27,.16)}
.sx-reveal{opacity:0;transform:translateY(16px)}.sx-reveal.is-sx-visible{opacity:1;transform:none;transition:opacity .62s ease,transform .62s cubic-bezier(.2,.8,.2,1)}
.sx-discover :is(.tool-panel,.result-panel,.catalog-section){border-color:color-mix(in srgb,var(--sx-accent) 30%,transparent)}.sx-discover .catalog-section{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(240,249,246,.82))}
.sx-store-builder :is(.store-builder-panel,.store-artwork-library,.store-studio-panel){background-image:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,248,229,.92))}
.sx-story :is(.passport-content,.savori-curation,.comparison-gallery,.partner-callout){border-color:rgba(200,135,85,.28)}.sx-story .passport-content{background-image:linear-gradient(115deg,rgba(255,253,248,.98),rgba(250,240,226,.9))}
.sx-memory :is(.memory-editor,.memory-product-gallery){background-image:radial-gradient(circle at 92% 8%,rgba(159,200,255,.2),transparent 34%),linear-gradient(145deg,#fffdf8,#f5f8ff)}
.sx-products :is(.product-savori-help,.acrylic-signature,.coartist-entry,.product-preview-panel,.savori-creative-section,.creative-gallery-section,.product-pdf-section,.maker-match-section),.sx-my :is(.my-panel,.project-list),.sx-partner .space-proposal{border-color:color-mix(in srgb,var(--sx-accent) 28%,transparent)}
/* Result-view corrections: title remains visible and a one-item film strip stays compact. */
.studio-reform[data-current-step="3"] .studio-reform-nav{position:relative!important;top:auto!important}.studio-reform[data-current-step="3"] .studio-reform-main{padding-top:0!important}.studio-reform-variants{min-height:0!important;height:auto!important}.studio-reform-variants>:only-child{max-width:132px}
body.acrylic-premium{--sx-accent:#d6b14a;background:radial-gradient(900px circle at 86% 10%,rgba(145,181,210,.2),transparent 55%),linear-gradient(180deg,#f7f4ec,#eef2f1)}body.acrylic-premium :is(.af-hero,.af-flow,.af-workbench,.sticky-preview,.af-controls){border-radius:var(--sx-radius)}body.acrylic-premium .af-workbench{box-shadow:0 30px 90px rgba(16,41,36,.12)}body.acrylic-premium .sticky-preview{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@media(max-width:760px){:root{--sx-radius:18px;--sx-shadow:0 16px 44px rgba(0,31,27,.11)}.app-view.sx-scene :is(h1,.hero-title){font-size:clamp(2rem,9vw,3.25rem);line-height:1.02}.app-view.sx-scene :is(h2,.section-title){font-size:clamp(1.45rem,6vw,2.1rem);line-height:1.12}.sx-surface:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.sx-reveal,.sx-reveal.is-sx-visible,.sx-surface{opacity:1;transform:none;transition:none!important}}