/* Shared SavorIP material. The existing main page is the colour authority.
 * This file changes surfaces only. Native layout, state and actions keep
 * their existing owners. Artwork, photos, canvas pixels and PDF paper are
 * never recoloured or filtered. */
html:has(#sgSystemGlassTheme){
 --sv-bg:#0b1425;
 --sv-panel:#111f34;
 --sv-surface:rgba(17,31,52,.72);
 --sv-line:#33475e;
 --sv-edge:rgba(230,199,127,.28);
 --sv-gold:#e6c77f;
 --sv-text:#f8f5eb;
 --sv-muted:#bcc8d6;
 --sv-success:#b0d8bd;
 --sv-error:#f0b6ad;
 --sv-glass:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
 --green-950:#0b1425;
 --green-920:#111f34;
 --green-900:#14253c;
 --gold-400:#e6c77f;
 --white:#f8f5eb;
 background:var(--sv-bg)!important;
 color-scheme:dark;
}
html:has(#sgSystemGlassTheme) body{
 background:var(--sv-bg)!important;
 color:var(--sv-text);
 scrollbar-color:var(--sv-line) var(--sv-bg);
}
html:has(#sgSystemGlassTheme) body[data-creation-route]{
 --base:var(--sv-bg);--panel:var(--sv-panel);--line:var(--sv-line);
 --ink:var(--sv-text);--muted:var(--sv-muted);--yellow:var(--sv-gold);
}
html:has(#sgSystemGlassTheme) #main .sm1{
 --sm-bg:var(--sv-bg);--sm-panel:var(--sv-panel);--sm-line:var(--sv-line);
 --sm-gold:var(--sv-gold);--sm-text:var(--sv-text);--sm-muted:var(--sv-muted);
}
/* Product purpose cards are part of the same system, not a separate theme. */
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20{
 background:var(--sv-bg)!important;color:var(--sv-text)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-studio{
 --ink:var(--sv-text);background:var(--sv-bg)!important;color:var(--sv-text)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-ambient{
 opacity:.035;filter:blur(75px) saturate(.7);
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 :is(.sgs-top,.sgs-context,.sgs-gateway-heading small,.sgs-gateway-heading p,.sgs-gateway-controls,.sgs-gateway-links,.sgs-purpose-tag,.sgs-card small,.sgs-card-tag,.sgs-work-label small,.sgs-instruction,.sgs-swipe){
 color:var(--sv-muted)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 :is(.sgs-gateway-heading h1,.sgs-purpose-copy h2,.sgs-work-label h1,.sgs-source-choice h2,.sgs-source-choice strong,.sgs-card strong,.sgs-native-sheet>header strong){
 color:var(--sv-text)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 :is(.sgs-purpose-card,.sgs-card){
 background:var(--sv-glass),var(--sv-surface)!important;border-color:var(--sv-edge)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.16),0 10px 28px rgba(0,0,0,.12)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 :is(.sgs-purpose-copy button,.sgs-gateway-controls button,.sgs-gateway-links button,.sgs-source-choice button,.sgs-completion a,.sgs-completion button){
 background:var(--sv-glass),rgba(17,31,52,.38)!important;
 border-color:var(--sv-edge)!important;color:var(--sv-text)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.13)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 :is(.sgs-back,.sgs-tool-icon){
 color:var(--sv-gold)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 :is(.sgs-source-choice,.sgs-native-sheet,.sgs-blocked,.sgs-notice){
 background:var(--sv-glass),rgba(11,20,37,.87)!important;color:var(--sv-text)!important;
 border-color:var(--sv-edge)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.17),0 16px 42px rgba(0,0,0,.24)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-native-sheet>header{
 background:rgba(17,31,52,.9)!important;border-color:var(--sv-line)!important;color:var(--sv-text)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-native-sheet>header button{
 background:rgba(255,255,255,.04)!important;border-color:var(--sv-edge)!important;color:var(--sv-text)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-tools{
 background:linear-gradient(0deg,rgba(11,20,37,.76),rgba(11,20,37,0))!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 :is(.sgs-purpose-image img,.sgs-card-art img,.sgs-card-row>img,.sgs-preview-host .c20-main-image,.sgs-preview-host .c21-sketch,.sgs-preview-host .c21-letter-preview){
 mix-blend-mode:normal!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-preview-host #c20Preview{
 background:transparent!important;color:var(--sv-text)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-preview-host #c20Preview :is(h3,p){
 color:var(--sv-muted)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-preview-host #c20Preview :is(.c20-main-image,.c21-sketch,.c21-letter-preview,.c21-wait-scene){
 background:rgba(255,255,255,.045)!important;border-color:var(--sv-edge)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-preview-host #c20Preview :is([data-scene-phase],[data-scene-clock],.c21-mobile-progress,.c21-mobile-progress p,.c21-mobile-progress span,#c20Elapsed,#c21Phase){
 background:transparent!important;color:var(--sv-muted)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-preview-host #c20Preview .c21-orbit{
 border-color:var(--sv-edge)!important;box-shadow:none!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-preview-host #c20Preview>button[data-motion]{
 background:var(--sv-surface)!important;border-color:var(--sv-edge)!important;color:var(--sv-muted)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 :is(.sgs-native-alert,.sgs-native-alert #c20Status,.sgs-completion,.sgs-save-status){
 background:transparent!important;color:var(--sv-muted)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-native-sheet>.sgs-native-alert{
 background:rgba(17,31,52,.96)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-save-status[data-save-state=confirmed]{
 color:var(--sv-success)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 :is(.sgs-save-status[data-save-state=error],.sgs-notice[data-state=error]){
 color:var(--sv-error)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-card.is-active{
 border-color:var(--sv-gold)!important;background:rgba(230,199,127,.095)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.2)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-studio :is(button,a,input,select,textarea,summary):focus-visible{
 outline-color:var(--sv-gold)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-studio :is(.sgs-card,.sgs-purpose-copy button,.sgs-source-choice button,.sgs-completion a,.sgs-back,.sgs-gateway-controls button,.sgs-gateway-links button):active:not(:disabled):not([aria-disabled=true]){
 background:rgba(230,199,127,.13)!important;border-color:var(--sv-gold)!important;
 box-shadow:inset 0 1px 5px rgba(0,0,0,.2)!important;
}
@media(hover:hover) and (pointer:fine){
 html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 .sgs-studio :is(.sgs-card,.sgs-purpose-copy button,.sgs-source-choice button,.sgs-completion a):hover:not(:disabled):not([aria-disabled=true]){
  border-color:var(--sv-gold)!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 4px 12px rgba(0,0,0,.14)!important;
 }
}
/* Native spatial chrome shares the palette; the real canvas keeps its pixels. */
html:has(#sgSystemGlassTheme) body.sgs-mounted.sgs-native-gallery #creation20#creation20#creation20{
 --ps-photo-surface:var(--sv-bg);--ps-photo-ink:var(--sv-text);--ps-photo-line:var(--sv-line);--ps-photo-muted:var(--sv-muted);
 background:var(--sv-bg)!important;color:var(--sv-text)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted.sgs-native-gallery #creation20#creation20#creation20 #ps-nav#ps-nav{
 --svm3-nav-panel:var(--sv-surface);--svm3-nav-button:var(--sv-panel);--svm3-nav-line:var(--sv-line);--svm3-nav-active:var(--sv-gold);
 background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted.sgs-native-gallery #creation20#creation20#creation20 #ps-nav#ps-nav :is(a,button,span,strong){
 color:var(--sv-text)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted.sgs-native-gallery #creation20#creation20#creation20 #ps-gallery :is(h1,h2,h3,p,b,strong,small,.ps-studio-mode-help){
 color:var(--sv-text)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted.sgs-native-gallery #creation20#creation20#creation20 #ps-gallery :is(.ps-gallery-list,.ps-gallery-item,.ps-gallery-actions,.ps-current-links,.ps-presets,.sv3-scene-toolbar,.ps-true3d-controls,.ps-true3d-message){
 background:var(--sv-surface)!important;border-color:var(--sv-line)!important;color:var(--sv-text)!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted.sgs-native-gallery #creation20#creation20#creation20 #ps-gallery :is(button,a){
 background:var(--sv-glass)!important;border-color:var(--sv-line)!important;color:var(--sv-text)!important;box-shadow:none!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted.sgs-native-gallery #creation20#creation20#creation20 #ps-gallery :is(.ps-presets button,.ps-studio-modes button)[aria-pressed=true]{
 background:rgba(230,199,127,.12)!important;border-color:var(--sv-gold)!important;color:var(--sv-text)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted.sgs-native-gallery #creation20#creation20#creation20 #ps-gallery .ps-scene-selected{
 background:var(--sv-gold)!important;border-color:var(--sv-gold)!important;color:var(--sv-bg)!important;
}
html:has(#sgSystemGlassTheme) body.sgs-mounted.sgs-native-gallery #creation20#creation20#creation20 #ps-gallery .ps-true3d-canvas:not(:has(canvas)){
 background:var(--sv-bg)!important;
}
@media(prefers-reduced-transparency:reduce){
 html:has(#sgSystemGlassTheme) body.sgs-mounted #creation20#creation20#creation20 :is(.sgs-purpose-card,.sgs-card,.sgs-native-sheet,.sgs-source-choice,.sgs-notice){
  background:var(--sv-panel)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
}
@media(forced-colors:active){
 html:has(#sgSystemGlassTheme){--sv-bg:Canvas;--sv-panel:Canvas;--sv-surface:Canvas;--sv-line:CanvasText;--sv-edge:CanvasText;--sv-gold:Highlight;--sv-text:CanvasText;--sv-muted:CanvasText;--sv-success:CanvasText;--sv-error:CanvasText}
}


/* Service surfaces only. Layout, visibility, native controls, artwork pixels,
   shop scene canvases, photo backgrounds and PDF contents keep their owners. */
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27){
 --base:var(--sv-bg);--panel:var(--sv-surface);--ink:var(--sv-text);--muted:var(--sv-muted);--line:var(--sv-line);--yellow:var(--sv-gold);
 --focus-bg:var(--sv-bg);--focus-panel:var(--sv-surface);--focus-accent:var(--sv-gold);--focus-line:var(--sv-line);
 color:var(--sv-text)!important;background-color:var(--sv-bg)!important;color-scheme:dark;
}
html:has(#sgSystemGlassTheme) body.workspace-body,
html:has(#sgSystemGlassTheme) body :is(#workspaceMain#workspaceMain#workspaceMain,#v12Box#v12Box#v12Box,#boxModern#boxModern#boxModern){
 --w12-bg:var(--sv-bg);--w12-card:var(--sv-surface);--w12-text:var(--sv-text);--w12-muted:var(--sv-muted);--w12-gold:var(--sv-gold);
 color:var(--sv-text)!important;background-color:var(--sv-bg)!important;color-scheme:dark;
}
html:has(#sgSystemGlassTheme) body :is(#storeBuilderApp#storeBuilderApp#storeBuilderApp,#sgShop#sgShop#sgShop,#s10Maker#s10Maker#s10Maker){
 --sg-ink:var(--sv-text);--sg-line:var(--sv-line);
 color:var(--sv-text)!important;background-color:var(--sv-bg)!important;border-color:var(--sv-line)!important;color-scheme:dark;
}
html:has(#sgSystemGlassTheme) body :is(.af-workbench,.af-journey,.af-controls,.af-order,.sp-shell,.sr-shell,.studio-shell,.collection-shell){
 color:var(--sv-text)!important;background-color:var(--sv-bg)!important;border-color:var(--sv-line)!important;
}

/* Native product/frame/memory selectors and their original settings. */
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27) :is(.c20-card,.c20-form,.c20-confirm-list,.c21-plan,.c21-options,.pf-product-card,.pf-source-selected,.pf-source-empty,.pf-source-choices,.pf-tools,.pf-selection,.pf-create-action,.pf-result-tools,.pf-result-head,.pf-versions,.pf-library,.pf-library-head,.pf-paid,.pf-trial,.m27-card,.m27-panel,.m27-tools,.m27-toolbar){
 background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 26px rgba(0,0,0,.13)!important;
}
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27) :is(h1,h2,h3,h4,label,legend,summary,strong,b){color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27) :is(p,small,.c20-note,.c20-help,.pf-cost,.pf-gate,.m27-note,.m27-help){color:var(--sv-muted)!important}
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27) .c20-card>strong{background:rgba(16,29,47,.9)!important;color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27) :is(button,a.c20-button,.pf-upload,summary){
 background:rgba(27,44,65,.76)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important;
}
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27) :is(.c20-primary,.m27-primary,.pf-save,button.pf-next){
 background:var(--sv-gold)!important;color:#142136!important;border-color:var(--sv-gold)!important;box-shadow:inset 0 1px rgba(255,255,255,.23)!important;
}
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27) :is(button,a.c20-button)[aria-pressed=true],
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27) .c20-card[aria-pressed=true]{
 background:rgba(110,94,53,.27)!important;color:var(--sv-text)!important;border-color:var(--sv-gold)!important;box-shadow:inset 0 0 0 1px rgba(230,199,127,.35)!important;outline-color:var(--sv-gold)!important;
}
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),textarea,select),
html:has(#sgSystemGlassTheme) body :is(.af-controls,.af-order) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),textarea,select){
 background:var(--sv-panel)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;box-shadow:inset 0 1px 4px rgba(0,0,0,.16)!important;color-scheme:dark;
}
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27) :is(input,textarea)::placeholder{color:var(--sv-muted)!important}
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27) :is(input[type=checkbox],input[type=radio]){accent-color:var(--sv-gold)}
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27,.af-controls) :is(button,a,input,textarea,select,summary):focus-visible{outline-color:var(--sv-gold)!important}

/* The frame workbench keeps the original room, art and manufacturing previews. */
html:has(#sgSystemGlassTheme) body :is(.af-controls,.af-journey,.af-order) :is(.af-card,.af-panel,.frame-card,.frame-size-card,.size-card,.f23-card,.f25-card,fieldset){
 background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important;
}
html:has(#sgSystemGlassTheme) body :is(.af-controls,.af-journey,.af-order) :is(h1,h2,h3,label,legend,strong,summary){color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme) body :is(.af-controls,.af-journey,.af-order) :is(p,small){color:var(--sv-muted)!important}

/* Shop chrome: no rule targets its room imagery, scene layers or canvas. */
html:has(#sgSystemGlassTheme) body #storeBuilderApp#storeBuilderApp#storeBuilderApp :is(.store-panel,.store-source-panel,.store-source-card,.store-selected-item,.studio-tray-item,.studio-toolbar,.store-brand-preview,.store-selected-copy,fieldset),
html:has(#sgSystemGlassTheme) body #sgShop#sgShop#sgShop :is(.sg-cover,.sg-pane,.sg-pane-head,.sg-guide,.sg-inspector,.sg-floating,.sg-actions,.sg-options),
html:has(#sgSystemGlassTheme) body #s10Maker#s10Maker#s10Maker :is(.s10-maker-head,.s10-maker-actions,.sg-guide,.sg-pane,.sg-cover){
 background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 26px rgba(0,0,0,.12)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
html:has(#sgSystemGlassTheme) body :is(#storeBuilderApp#storeBuilderApp#storeBuilderApp,#sgShop#sgShop#sgShop,#s10Maker#s10Maker#s10Maker) :is(h1,h2,h3,h4,label,legend,strong,summary,.sg-cover-title){color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme) body :is(#storeBuilderApp#storeBuilderApp#storeBuilderApp,#sgShop#sgShop#sgShop,#s10Maker#s10Maker#s10Maker) :is(p,small,.sg-template-purpose){color:var(--sv-muted)!important}
html:has(#sgSystemGlassTheme) body :is(#storeBuilderApp#storeBuilderApp#storeBuilderApp,#sgShop#sgShop#sgShop,#s10Maker#s10Maker#s10Maker) :is(button,a.store-button,.sg-custom){
 background:rgba(27,44,65,.76)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important;
}
html:has(#sgSystemGlassTheme) body :is(#storeBuilderApp#storeBuilderApp#storeBuilderApp,#sgShop#sgShop#sgShop,#s10Maker#s10Maker#s10Maker) :is(.primary-action,.sg-inline-primary,.store-primary){background:var(--sv-gold)!important;color:#142136!important;border-color:var(--sv-gold)!important}
html:has(#sgSystemGlassTheme) body :is(#storeBuilderApp#storeBuilderApp#storeBuilderApp,#sgShop#sgShop#sgShop,#s10Maker#s10Maker#s10Maker) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),textarea,select){background:var(--sv-panel)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;color-scheme:dark}

/* Personal archive and the existing shared workspace shells. */
html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain :is(.workspace-shell,.workspace-card,.my-panel,.project-card,.collection-card,.studio-panel,.studio-card,.space-panel,.space-card,.w12-surface,.w12-dialog),
html:has(#sgSystemGlassTheme) body :is(#v12Box#v12Box#v12Box,#boxModern#boxModern#boxModern) :is(.my-panel,.project-card,.w12-surface,.w12-grid>article,.bx-rail>article,.bx-section){
 background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 26px rgba(0,0,0,.12)!important;
}
html:has(#sgSystemGlassTheme) body :is(#workspaceMain#workspaceMain#workspaceMain,#v12Box#v12Box#v12Box,#boxModern#boxModern#boxModern) :is(h1,h2,h3,h4,label,legend,strong,summary){color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme) body :is(#workspaceMain#workspaceMain#workspaceMain,#v12Box#v12Box#v12Box,#boxModern#boxModern#boxModern) :is(p,small,.workspace-note,.project-meta){color:var(--sv-muted)!important}
html:has(#sgSystemGlassTheme) body :is(#workspaceMain#workspaceMain#workspaceMain,#v12Box#v12Box#v12Box,#boxModern#boxModern#boxModern) :is(button,a.secondary-action,.bx-actions a,.bx-rail a,.w12-grid a){background:rgba(27,44,65,.76)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important}
html:has(#sgSystemGlassTheme) body :is(#workspaceMain#workspaceMain#workspaceMain,#v12Box#v12Box#v12Box,#boxModern#boxModern#boxModern) :is(.primary-action,.w12-primary,.bx-rail a:last-child){background:var(--sv-gold)!important;color:#142136!important;border-color:var(--sv-gold)!important}
html:has(#sgSystemGlassTheme) body :is(#workspaceMain#workspaceMain#workspaceMain,#v12Box#v12Box#v12Box,#boxModern#boxModern#boxModern) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),textarea,select){background:var(--sv-panel)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;color-scheme:dark}

/* Native body-hosted dialogs also receive the same materials. */
html:has(#sgSystemGlassTheme#sgSystemGlassTheme) body :is(.c20-dialog,.m27-dialog,.cq26-dialog,.f23-dialog,.f25-dialog,.s19-dialog,.w12-dialog,.bx-dialog,#frameRemovalDialog){
 background:rgba(17,31,52,.94)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 20px 65px rgba(0,0,0,.28)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color-scheme:dark;
}
html:has(#sgSystemGlassTheme#sgSystemGlassTheme) body :is(.c20-dialog,.m27-dialog,.cq26-dialog,.f23-dialog,.f25-dialog,.s19-dialog,.w12-dialog,.bx-dialog,#frameRemovalDialog)::backdrop{background:rgba(5,12,24,.72)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
html:has(#sgSystemGlassTheme#sgSystemGlassTheme) body :is(.c20-dialog,.m27-dialog,.cq26-dialog,.f23-dialog,.f25-dialog,.s19-dialog,.w12-dialog,.bx-dialog,#frameRemovalDialog)>header{background:rgba(17,31,52,.96)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important}
html:has(#sgSystemGlassTheme#sgSystemGlassTheme) body :is(.c20-dialog,.m27-dialog,.cq26-dialog,.f23-dialog,.f25-dialog,.s19-dialog,.w12-dialog,.bx-dialog,#frameRemovalDialog) :is(h1,h2,h3,label,legend,summary,strong,dt,dd){color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme#sgSystemGlassTheme) body :is(.c20-dialog,.m27-dialog,.cq26-dialog,.f23-dialog,.f25-dialog,.s19-dialog,.w12-dialog,.bx-dialog,#frameRemovalDialog) :is(p,small){color:var(--sv-muted)!important}
html:has(#sgSystemGlassTheme#sgSystemGlassTheme) body :is(.c20-dialog,.m27-dialog,.cq26-dialog,.f23-dialog,.f25-dialog,.s19-dialog,.w12-dialog,.bx-dialog,#frameRemovalDialog) :is(button,a.c20-button,.bx-actions a){background:rgba(27,44,65,.85)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important}
html:has(#sgSystemGlassTheme#sgSystemGlassTheme) body :is(.c20-dialog,.m27-dialog,.cq26-dialog,.f23-dialog,.f25-dialog,.s19-dialog,.w12-dialog,.bx-dialog,#frameRemovalDialog) :is(.c20-primary,.primary-action,.w12-primary){background:var(--sv-gold)!important;color:#142136!important;border-color:var(--sv-gold)!important}
html:has(#sgSystemGlassTheme#sgSystemGlassTheme) body :is(.c20-dialog,.m27-dialog,.cq26-dialog,.f23-dialog,.f25-dialog,.s19-dialog,.w12-dialog,.bx-dialog,#frameRemovalDialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),textarea,select){background:var(--sv-panel)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;color-scheme:dark}

/* Printed pages/PDF content remain paper. An iframe's document is not recolored. */
html:has(#sgSystemGlassTheme#sgSystemGlassTheme) body :is(.c20-dialog,.m27-dialog,.f23-dialog,.bx-dialog) iframe{background-color:#fff!important;border-color:var(--sv-line)!important}
html:has(#sgSystemGlassTheme):has(#sgSystemGlassTheme#sgSystemGlassTheme#sgSystemGlassTheme) body :is(.pdf-paper,.print-paper,.document-paper,[data-paper-preview]){background:#fff!important;color:#172234!important;border-color:#d4d9df!important;box-shadow:0 5px 18px rgba(0,0,0,.12)!important;color-scheme:light}
html:has(#sgSystemGlassTheme):has(#sgSystemGlassTheme#sgSystemGlassTheme#sgSystemGlassTheme) body :is(.pdf-paper,.print-paper,.document-paper,[data-paper-preview]) :is(h1,h2,h3,h4,p,small,label,strong,dt,dd,span,td,th){color:#172234!important}

/* Common SavorIP chrome follows the current main page's navy and gold.
   The root theme owns --sv-* values. No native layout or event contract changes. */
html:has(#sgSystemGlassTheme) :is(#siteHeader#siteHeader,#appHeader#appHeader,#collectionHeader#collectionHeader,.c20-top,.m27-top,.af-header,.sp-header,.sr-header,.p7-frame,.imo-member-top-strip){
 background:var(--sv-bg)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;
}
html:has(#sgSystemGlassTheme) :is(#siteHeader#siteHeader,#appHeader#appHeader,#collectionHeader#collectionHeader,.c20-top,.m27-top,.af-header,.sp-header,.sr-header,.p7-frame) :is(.brand,.brand-mark,.brand-copy strong,.c20-brand,.m27-brand,.af-brand,.app-brand,.collection-brand,.sp-logo,.sr-brand,.p7-brand){
 color:var(--sv-gold)!important;
}
html:has(#sgSystemGlassTheme) :is(#siteHeader#siteHeader,#appHeader#appHeader,#collectionHeader#collectionHeader,.c20-top,.m27-top,.af-header,.sp-header,.sr-header,.p7-frame) :is(button,.mobile-member-entry,.imo-member-menu-button,.member-account-button,.language-select-wrap,.language-select,.sv37-language,select,.p7-icon,.p7-language,#f18Sound,#scTopCamera){
 background:var(--sv-surface)!important;color:var(--sv-gold)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(248,245,235,.06)!important;
}
html:has(#sgSystemGlassTheme) :is(#siteHeader#siteHeader,#appHeader#appHeader,#collectionHeader#collectionHeader,.c20-top,.m27-top,.af-header,.sp-header,.sr-header,.p7-frame) :is(.desktop-nav,.app-header-actions,.collection-header-actions,nav) a{
 color:var(--sv-text)!important;border-color:var(--sv-edge)!important;
}
html:has(#sgSystemGlassTheme) :is(#siteHeader#siteHeader,#appHeader#appHeader,#collectionHeader#collectionHeader,.c20-top,.m27-top,.af-header,.sp-header,.sr-header,.p7-frame) :is(select,.language-select,.p7-language) option{
 background:var(--sv-panel)!important;color:var(--sv-text)!important;
}
html:has(#sgSystemGlassTheme) :is(#siteHeader#siteHeader,#appHeader#appHeader,#collectionHeader#collectionHeader,.c20-top,.m27-top,.af-header,.sp-header,.sr-header,.p7-frame) :is(button,a,select):focus-visible{
 outline-color:var(--sv-gold)!important;
}

/* Menus use the same material, including pre-existing navigation variants. */
html:has(#sgSystemGlassTheme) :is(#sgGlassMenu#sgGlassMenu,#r791Menu#r791Menu,#sv31Menu#sv31Menu,#svm3-public-menu#svm3-public-menu,#sv4-service-menu#sv4-service-menu,#saeboriMenuDialog#saeboriMenuDialog,#mobileMenu#mobileMenu,#product-menu-v7#product-menu-v7){
 background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(248,245,235,.07),0 18px 60px rgba(3,9,18,.35)!important;backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);
}
html:has(#sgSystemGlassTheme) :is(#sgGlassMenu#sgGlassMenu,#r791Menu#r791Menu,#sv31Menu#sv31Menu,#svm3-public-menu#svm3-public-menu,#sv4-service-menu#sv4-service-menu,#saeboriMenuDialog#saeboriMenuDialog,#mobileMenu#mobileMenu,#product-menu-v7#product-menu-v7)>:is(header,.sg-glass-menu-head,.mobile-menu-inner){
 background:transparent!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;
}
html:has(#sgSystemGlassTheme) :is(#sgGlassMenu#sgGlassMenu,#r791Menu#r791Menu,#sv31Menu#sv31Menu,#svm3-public-menu#svm3-public-menu,#sv4-service-menu#sv4-service-menu,#saeboriMenuDialog#saeboriMenuDialog,#mobileMenu#mobileMenu,#product-menu-v7#product-menu-v7) :is(a,button,.sg-glass-menu-card){
 background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(248,245,235,.05)!important;
}
html:has(#sgSystemGlassTheme) :is(#sgGlassMenu#sgGlassMenu,#r791Menu#r791Menu,#sv31Menu#sv31Menu,#svm3-public-menu#svm3-public-menu,#sv4-service-menu#sv4-service-menu,#saeboriMenuDialog#saeboriMenuDialog,#mobileMenu#mobileMenu,#product-menu-v7#product-menu-v7) :is(h2,strong,.sg-glass-menu-label){color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme) :is(#sgGlassMenu#sgGlassMenu,#r791Menu#r791Menu,#sv31Menu#sv31Menu,#svm3-public-menu#svm3-public-menu,#sv4-service-menu#sv4-service-menu,#saeboriMenuDialog#saeboriMenuDialog,#mobileMenu#mobileMenu,#product-menu-v7#product-menu-v7) :is(small,.mobile-menu-note,.sg-glass-menu-empty){color:var(--sv-muted)!important}
html:has(#sgSystemGlassTheme) :is(#sgGlassMenu#sgGlassMenu,#r791Menu#r791Menu,#sv31Menu#sv31Menu,#svm3-public-menu#svm3-public-menu,#sv4-service-menu#sv4-service-menu,#saeboriMenuDialog#saeboriMenuDialog,#mobileMenu#mobileMenu,#product-menu-v7#product-menu-v7) :is(a,button):is(:hover,:focus-visible,[aria-current=page]){
 border-color:var(--sv-gold)!important;outline-color:var(--sv-gold)!important;
}
html:has(#sgSystemGlassTheme) :is(#sgGlassMenu#sgGlassMenu,#r791Menu#r791Menu,#sv31Menu#sv31Menu,#svm3-public-menu#svm3-public-menu,#sv4-service-menu#sv4-service-menu,#saeboriMenuDialog#saeboriMenuDialog,#product-menu-v7#product-menu-v7)::backdrop{
 background:rgba(3,9,18,.55)!important;
}

/* Native member, sign-in, point and payment choices retain their controls. */
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,#pointRechargeDialog#pointRechargeDialog,.member-auth-dialog,.imo-member-menu-dialog,.point-recharge-dialog,.imo-checkout-entry,.imopay-v2-dialog){
 background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(248,245,235,.07),0 18px 60px rgba(3,9,18,.35)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color-scheme:dark;
}
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,#pointRechargeDialog#pointRechargeDialog,.member-auth-dialog,.imo-member-menu-dialog,.point-recharge-dialog,.imo-checkout-entry,.imopay-v2-dialog)::backdrop{
 background:rgba(3,9,18,.65)!important;
}
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,#pointRechargeDialog#pointRechargeDialog,.member-auth-dialog,.imo-member-menu-dialog,.point-recharge-dialog,.imo-checkout-entry,.imopay-v2-dialog) :is(.member-auth-shell,.point-recharge-shell,.imo-member-menu-header,.imo-ce-header,.imo-ce-choices,.imo-ce-frame-panel,.imopay-v2-body,header){
 background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;
}
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,#pointRechargeDialog#pointRechargeDialog,.member-auth-dialog,.imo-member-menu-dialog,.point-recharge-dialog,.imo-checkout-entry,.imopay-v2-dialog) :is(.member-auth-tabs,.member-signed-in,.imo-member-menu-actions a,.imi1-section,.imi1-card,.point-shortage-summary>div,.point-service-guide,.point-package,.point-package-card,.point-method-grid>button,.imo-ce-card,.imo-native-coin-entry,.imopay-v2-balances,.imopay-v2-mode){
 background:var(--sv-panel)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;box-shadow:inset 0 1px rgba(248,245,235,.04)!important;
}
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,#pointRechargeDialog#pointRechargeDialog,.member-auth-dialog,.imo-member-menu-dialog,.point-recharge-dialog,.imo-checkout-entry,.imopay-v2-dialog) :is(h1,h2,h3,h4,label,legend,strong,b):not(.danger):not(.is-error){
 color:var(--sv-text)!important;
}
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,#pointRechargeDialog#pointRechargeDialog,.member-auth-dialog,.imo-member-menu-dialog,.point-recharge-dialog,.imo-checkout-entry,.imopay-v2-dialog) :is(p,small,.imo-member-menu-status,.imo-ce-status,.imopay-v2-status,.auth-check,.imi1-note,.imi1-status,.point-crypto-channel):not(.danger):not(.is-error):not([data-error=true]){
 color:var(--sv-muted)!important;border-color:var(--sv-line)!important;
}
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,#pointRechargeDialog#pointRechargeDialog,.member-auth-dialog,.imo-member-menu-dialog,.point-recharge-dialog,.imo-checkout-entry,.imopay-v2-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select){
 background:var(--sv-bg)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;caret-color:var(--sv-gold)!important;
}
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,#pointRechargeDialog#pointRechargeDialog,.member-auth-dialog,.imo-member-menu-dialog,.point-recharge-dialog,.imo-checkout-entry,.imopay-v2-dialog) :is(button,a.c20-button,.imo-member-menu-actions a){
 background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(248,245,235,.05)!important;
}
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,#pointRechargeDialog#pointRechargeDialog,.member-auth-dialog,.imo-member-menu-dialog,.point-recharge-dialog,.imo-checkout-entry,.imopay-v2-dialog) :is(.primary-action,.c20-primary,button[type=submit],.imo-ce-continue,.imopay-v2-start,[data-member-action=signup],[data-member-action=points],.member-view-tabs button[aria-pressed=true],.member-auth-tabs button.is-active){
 background:var(--sv-gold)!important;color:var(--sv-bg)!important;border-color:var(--sv-gold)!important;box-shadow:none!important;
}
/* Child captions inherit the primary button's navy rather than the panel text. */
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,#pointRechargeDialog#pointRechargeDialog,.member-auth-dialog,.imo-member-menu-dialog,.point-recharge-dialog,.imo-checkout-entry,.imopay-v2-dialog) :is(.primary-action,.c20-primary,button[type=submit],.imo-ce-continue,.imopay-v2-start,[data-member-action=signup],[data-member-action=points],.member-view-tabs button[aria-pressed=true],.member-auth-tabs button.is-active) :is(strong,b,span,small){
 color:var(--sv-bg)!important;
}
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,#pointRechargeDialog#pointRechargeDialog,.member-auth-dialog,.imo-member-menu-dialog,.point-recharge-dialog,.imo-checkout-entry,.imopay-v2-dialog) :is(.imopay-v2-mode[aria-pressed=true],[data-payment-method].is-active,[data-payment-method][aria-pressed=true]){
 border-color:var(--sv-gold)!important;box-shadow:inset 0 0 0 1px var(--sv-edge)!important;
}
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,#pointRechargeDialog#pointRechargeDialog,.member-auth-dialog,.imo-member-menu-dialog,.point-recharge-dialog,.imo-checkout-entry,.imopay-v2-dialog) :is(button,a,input,textarea,select,summary):focus-visible{
 outline-color:var(--sv-gold)!important;
}
html:has(#sgSystemGlassTheme) :is(.point-topup-inline,.point-topup-floating,.imo-member-menu-button,.imo-member-top-strip>.imo-member-menu-button){
 background:var(--sv-surface)!important;color:var(--sv-gold)!important;border-color:var(--sv-edge)!important;
}

/* Older workspace engines share the same material without moving their UI. */
html:has(#sgSystemGlassTheme){
 --green-850:#162b43;--green-800:#1b324b;--green-700:#2c4660;
 --gold-500:var(--sv-gold);--gold-300:#f0dba9;
 --ivory-50:var(--sv-bg);--ivory-100:var(--sv-panel);
 --ink:var(--sv-text);--muted:var(--sv-muted);
 --line:var(--sv-edge);--line-dark:var(--sv-line);
 --w12-bg:var(--sv-bg);--w12-card:var(--sv-panel);--w12-text:var(--sv-text);--w12-muted:var(--sv-muted);--w12-gold:var(--sv-gold);
 --m-ink:var(--sv-text);--m-muted:var(--sv-muted);--m-line:var(--sv-line);--m-blue:var(--sv-panel);--m-gold:var(--sv-gold);
 --collection-green-1000:var(--sv-bg);--collection-green-950:var(--sv-panel);--collection-green-900:#14253c;--collection-green-800:#1b324b;
 --collection-gold:var(--sv-gold);--collection-gold-soft:#f0dba9;--collection-cream:var(--sv-bg);--collection-ink:var(--sv-text);--collection-line:var(--sv-edge);
}
html:has(#sgSystemGlassTheme) body.workspace-body{
 --ink:var(--sv-text);--muted:var(--sv-muted);--ivory-50:var(--sv-bg);--ivory-100:var(--sv-panel);
 color:var(--sv-text)!important;
}
html:has(#sgSystemGlassTheme) body.workspace-body :is(.transparent-price,.frame-options button,.curation-heading button,.curation-sections article,.partner-prices,.product-options button,.studio-approval,.space-proposal,.legal-content article,.product-reference-open,.creative-command-preview,.product-reference-actions button,.creative-confirm-card dl div,#productReferenceDialog #closeProductReference,.product-source-toolbar button,.product-placement-controls,.product-choice,.product-spec-card,.product-pdf-copy li,.maker-card,.product-spec-preview){
 background:var(--sv-glass),var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;
}
html:has(#sgSystemGlassTheme) body.workspace-body :is(.transparent-price,.curation-sections article,.partner-prices,.studio-approval,.space-proposal,.product-spec-card,.maker-card) :is(h1,h2,h3,h4,strong,label,dt,dd){color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme) body.workspace-body :is(.transparent-price,.curation-sections article,.partner-prices,.studio-approval,.space-proposal,.product-spec-card,.maker-card) :is(p,small){color:var(--sv-muted)!important}
html:has(#sgSystemGlassTheme) body.workspace-body :is(.app-bottom-nav,.product-journey),
html:has(#sgSystemGlassTheme) body.workspace-body.a11y-onehand :is(.studio-actions,.canvas-actions,.memory-actions){background:rgba(11,20,37,.96)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important}
/* The collection's object images keep their own pixels and original crops. */
html:has(#sgSystemGlassTheme) body.collection-body :is(.collection-intro h1,.collection-search input){color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme) body.collection-body :is(.collection-intro>div>p:last-child,.collection-status-row,.collection-status-row p,.collection-error p,.collection-footer,.collection-footer a){color:var(--sv-muted)!important}
html:has(#sgSystemGlassTheme) body.collection-body .collection-eyebrow{color:var(--sv-gold)!important}
html:has(#sgSystemGlassTheme) body.collection-body :is(.collection-toolbar,.collection-mobile-menu,.collection-viewer){background:rgba(11,20,37,.96)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important}
html:has(#sgSystemGlassTheme) body.collection-body :is(.collection-category,.collection-search,.collection-count-card,.collection-viewer-close,.collection-viewer-nav){background:var(--sv-glass),var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important}
html:has(#sgSystemGlassTheme) body.collection-body .collection-category span{background:var(--sv-panel)!important;color:var(--sv-muted)!important}
html:has(#sgSystemGlassTheme) body.collection-body .collection-category.is-active{background:var(--sv-gold)!important;color:var(--sv-bg)!important;border-color:var(--sv-gold)!important}
html:has(#sgSystemGlassTheme) body.collection-body :is(.collection-category.is-active span,.collection-mobile-menu nav a.is-active b){background:transparent!important;color:var(--sv-bg)!important}
html:has(#sgSystemGlassTheme) body.collection-body .collection-search input::placeholder{color:var(--sv-muted)!important}
html:has(#sgSystemGlassTheme) body.collection-body .collection-tile{background:var(--sv-panel)!important;border-color:var(--sv-edge)!important}
html:has(#sgSystemGlassTheme) body.collection-body .collection-skeleton{background:linear-gradient(100deg,var(--sv-panel) 20%,#24344a 38%,var(--sv-panel) 56%)!important}
/* Standalone first-party sign-in form; callback shells are never injected. */
html:has(#sgSystemGlassTheme):has(#form #email):has(#loginTab) body>main{background:var(--sv-glass),var(--sv-panel)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:0 18px 60px #0004!important}
html:has(#sgSystemGlassTheme):has(#form #email):has(#loginTab) :is(h1,label){color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme):has(#form #email):has(#loginTab) :is(input,.password button,.tabs button){background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;accent-color:var(--sv-gold)}
html:has(#sgSystemGlassTheme):has(#form #email):has(#loginTab) :is(.tabs button[aria-pressed=true],#submit){background:var(--sv-gold)!important;color:var(--sv-bg)!important;border-color:var(--sv-gold)!important}
html:has(#sgSystemGlassTheme):has(#form #email):has(#loginTab) a{color:var(--sv-gold)!important}
html:has(#sgSystemGlassTheme):has(#form #email):has(#loginTab) small{color:var(--sv-muted)!important}
html:has(#sgSystemGlassTheme):has(#form #email):has(#loginTab) #message{color:var(--sv-error)!important}
html:has(#sgSystemGlassTheme):has(#form #email):has(#loginTab) input:-webkit-autofill{-webkit-text-fill-color:var(--sv-text)!important;box-shadow:0 0 0 1000px var(--sv-panel) inset!important}
/* Customer storefront chrome, separate from the merchant's scene/photo content.
 * The scene and photos stay unchanged; --accent remains the merchant's value. */
html:has(#sgSystemGlassTheme):has(body>.plan-note+main) body :is(header,footer){background:var(--sv-bg)!important;color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme):has(body>.plan-note+main) body :is(.plan-note,main>.grid>article){background:var(--sv-glass),var(--sv-panel)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important}
html:has(#sgSystemGlassTheme):has(body>.plan-note+main) body article a{background:var(--sv-gold)!important;color:var(--sv-bg)!important}
/* A server-injected helper bar must not bring back a different blue palette. */
html:has(#sgSystemGlassTheme) #savorip-glossary-global-nav{background:var(--sv-panel)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important}
html:has(#sgSystemGlassTheme) #savorip-glossary-global-nav a{background:var(--sv-surface)!important;color:var(--sv-gold)!important;border-color:var(--sv-edge)!important}
/* Only actual document paper stays light. */
html:has(#sgSystemGlassTheme#sgSystemGlassTheme#sgSystemGlassTheme#sgSystemGlassTheme) body .print-file-shell{background:#fff!important;color:#172234!important;border-color:#d4d9df!important;color-scheme:light}
html:has(#sgSystemGlassTheme#sgSystemGlassTheme#sgSystemGlassTheme#sgSystemGlassTheme) body .print-file-shell :is(h1,h2,h3,h4,p,small,label,strong,dt,dd,span,td,th){color:#172234!important}
/* Footer chrome follows the same background as the existing main page. */
html:has(#sgSystemGlassTheme) body :is(.site-footer,.app-footer,.af-footer,.sv38-footer,.collection-footer){background:var(--sv-bg)!important;color:var(--sv-muted)!important;border-color:var(--sv-line)!important}
html:has(#sgSystemGlassTheme) body :is(.site-footer,.app-footer,.af-footer,.sv38-footer,.collection-footer) :is(a,p,small){color:var(--sv-muted)!important}
/* Native primary buttons sometimes contain their own captions. */
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27) :is(.c20-primary,.m27-primary,.pf-save,button.pf-next) :is(strong,b,span,small){color:var(--sv-bg)!important}
html:has(#sgSystemGlassTheme) body :is(.af-controls,.af-order) :is(.primary,.primary-inline) :is(strong,b,span,small){color:var(--sv-bg)!important}

html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27,#sgShop#sgShop#sgShop) :is(.is-error,.c20-error,.m27-error,[data-state=error]){color:var(--sv-error)!important}
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,#memory27#memory27#memory27) :is(.is-success,[data-state=success]){color:var(--sv-success)!important}

/* Actual frame/memory shells have independent native colour variables. These
   additions affect chrome only, including body-hosted frame dialogs. */
html:has(#sgSystemGlassTheme) body:has(.af-workbench){
 --green:var(--sv-bg);--green2:var(--sv-panel);--gold:var(--sv-gold);--cream:var(--sv-text);--ink:var(--sv-text);--line:var(--sv-line);
 background:var(--sv-bg)!important;color:var(--sv-text)!important;color-scheme:dark;
}
html:has(#sgSystemGlassTheme) body:has(#memory27){
 --m-bg:var(--sv-bg);--m-base:var(--sv-bg);--m-panel:var(--sv-panel);--m-ink:var(--sv-text);--m-muted:var(--sv-muted);--m-gold:var(--sv-gold);--m-line:var(--sv-line);
 background:var(--sv-bg)!important;color:var(--sv-text)!important;color-scheme:dark;
}
html:has(#sgSystemGlassTheme) body:has(.af-workbench) :is(.af-hero,.af-flow,#frameEntry23#frameEntry23#frameEntry23,#f25Showcase#f25Showcase#f25Showcase){
 background:var(--sv-bg)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;
}
html:has(#sgSystemGlassTheme) body:has(.af-workbench) :is(#frameEntry23#frameEntry23#frameEntry23 article,.af-controls.af-controls section,.sticky-preview,.af-order.af-order form,.auto-recommendation){
 background:var(--sv-glass),var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 8px 26px rgba(0,0,0,.13)!important;
}
html:has(#sgSystemGlassTheme) body:has(.af-workbench) :is(#frameEntry23#frameEntry23#frameEntry23,#f25Showcase#f25Showcase#f25Showcase,.af-hero,.af-controls,.af-order) :is(h1,h2,h3,h4,strong,b,label,legend,dt,dd){color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme) body:has(.af-workbench) :is(#frameEntry23#frameEntry23#frameEntry23,#f25Showcase#f25Showcase#f25Showcase,.af-hero,.af-controls,.af-order) :is(p,small,.note,.f25-eyebrow){color:var(--sv-muted)!important}
html:has(#sgSystemGlassTheme) body:has(.af-workbench) :is(.af-hero em,.af-controls .step,.f25-caption>span){color:var(--sv-gold)!important}
html:has(#sgSystemGlassTheme) body:has(.af-workbench) #frameEntry23#frameEntry23#frameEntry23 :is(a,#f23Original,#f23MineLink,.f24-account),
html:has(#sgSystemGlassTheme) body:has(.af-workbench) :is(.line-btn,.composition-actions button,.primary-inline,.art-categories button,.crop-controls button,.af-flow button,.mobile-step-toggle,.f25-filters button,.f25-heading>a){
 background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important;
}
html:has(#sgSystemGlassTheme) body:has(.af-workbench) #frameEntry23#frameEntry23#frameEntry23 :is(.f23-primary,#f23Start),
html:has(#sgSystemGlassTheme) body:has(.af-workbench) :is(.af-controls .primary,.af-order .primary,.af-order .primary-inline){background:var(--sv-gold)!important;color:var(--sv-bg)!important;border-color:var(--sv-gold)!important}
html:has(#sgSystemGlassTheme) body:has(.af-workbench) :is(.af-flow button,.f25-filters button,.art-categories button)[aria-pressed=true],
html:has(#sgSystemGlassTheme) body:has(.af-workbench) .af-flow :is(.active,.is-active,[aria-current=step]){
 background:rgba(230,199,127,.13)!important;color:var(--sv-text)!important;border-color:var(--sv-gold)!important;
}
html:has(#sgSystemGlassTheme) body:has(.af-workbench) :is(.af-controls,.af-order) :is(input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select){background:var(--sv-panel)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;color-scheme:dark}

/* Memory V32 uses --m-* and generates these wrappers under #m27Stage. */
html:has(#sgSystemGlassTheme) body #memory27#memory27#memory27 :is(.m27-selection,.m27-controls,.m27-options,.m27-extra,.m27-card,.m27-work-picture,.m32-source-actions){
 background:var(--sv-glass),var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 26px rgba(0,0,0,.13)!important;
}
html:has(#sgSystemGlassTheme) body #memory27#memory27#memory27 :is(.m27-card>span,.m27-selection p,.m27-scroll-head span,.m27-work-picture>p,.m27-compare figcaption){color:var(--sv-muted)!important}
html:has(#sgSystemGlassTheme) body #memory27#memory27#memory27 :is(button,a.m27-primary,.m27-upload,.m27-actions>a,.m32-source-actions .m27-upload){
 background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important;
}
html:has(#sgSystemGlassTheme) body #memory27#memory27#memory27 :is(.m27-primary,button.m27-primary,.m27-actions>a.m27-primary){background:var(--sv-gold)!important;color:var(--sv-bg)!important;border-color:var(--sv-gold)!important}
html:has(#sgSystemGlassTheme) body #memory27#memory27#memory27 :is(button,.m27-card)[aria-pressed=true]{background:rgba(230,199,127,.13)!important;color:var(--sv-text)!important;border-color:var(--sv-gold)!important}
html:has(#sgSystemGlassTheme) body #memory27#memory27#memory27 :is(input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select){background:var(--sv-panel)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;color-scheme:dark}
/* A draggable product in the real room is an image layer, not panel chrome. */
html:has(#sgSystemGlassTheme) body #memory27#memory27#memory27 .m27-room-product.m27-room-product{background:transparent!important;border-color:transparent!important;box-shadow:none!important}

/* Dialog content remains native. Stage/canvas/image descendants are excluded. */
html:has(#sgSystemGlassTheme) body :is(#sizePageDialog#sizePageDialog#sizePageDialog,#framePageDialog#framePageDialog#framePageDialog,#focusDialog#focusDialog#focusDialog,#cartDialog#cartDialog#cartDialog,#passportDialog#passportDialog#passportDialog,#artDetailDialog#artDetailDialog#artDetailDialog,.f25-lightbox){
 background:rgba(17,31,52,.96)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 20px 65px rgba(0,0,0,.3)!important;color-scheme:dark;
}
html:has(#sgSystemGlassTheme) body :is(#sizePageDialog#sizePageDialog#sizePageDialog,#framePageDialog#framePageDialog#framePageDialog,#focusDialog#focusDialog#focusDialog,#cartDialog#cartDialog#cartDialog,#passportDialog#passportDialog#passportDialog,#artDetailDialog#artDetailDialog#artDetailDialog,.f25-lightbox)::backdrop{background:rgba(5,12,24,.72)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
html:has(#sgSystemGlassTheme) body :is(#sizePageDialog#sizePageDialog#sizePageDialog,#framePageDialog#framePageDialog#framePageDialog,#focusDialog#focusDialog#focusDialog,#cartDialog#cartDialog#cartDialog,#passportDialog#passportDialog#passportDialog,#artDetailDialog#artDetailDialog#artDetailDialog,.f25-lightbox) :is(header,.f25-detail-actions,.f25-help,.cart-actions,.cart-total,.art-detail-copy,.passport-copy){background:var(--sv-panel)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important}
html:has(#sgSystemGlassTheme) body :is(#sizePageDialog#sizePageDialog#sizePageDialog,#framePageDialog#framePageDialog#framePageDialog,#focusDialog#focusDialog#focusDialog,#cartDialog#cartDialog#cartDialog,#passportDialog#passportDialog#passportDialog,#artDetailDialog#artDetailDialog#artDetailDialog,.f25-lightbox) :is(h1,h2,h3,h4,label,legend,summary,strong,b,dt,dd){color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme) body :is(#sizePageDialog#sizePageDialog#sizePageDialog,#framePageDialog#framePageDialog#framePageDialog,#focusDialog#focusDialog#focusDialog,#cartDialog#cartDialog#cartDialog,#passportDialog#passportDialog#passportDialog,#artDetailDialog#artDetailDialog#artDetailDialog,.f25-lightbox) :is(p,small){color:var(--sv-muted)!important}
html:has(#sgSystemGlassTheme) body :is(#sizePageDialog#sizePageDialog#sizePageDialog,#framePageDialog#framePageDialog#framePageDialog,#focusDialog#focusDialog#focusDialog,#cartDialog#cartDialog#cartDialog,#passportDialog#passportDialog#passportDialog,#artDetailDialog#artDetailDialog#artDetailDialog,.f25-lightbox) :is(button,a){background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important}
html:has(#sgSystemGlassTheme) body :is(#sizePageDialog#sizePageDialog#sizePageDialog,#framePageDialog#framePageDialog#framePageDialog,#focusDialog#focusDialog#focusDialog,#cartDialog#cartDialog#cartDialog,#passportDialog#passportDialog#passportDialog,#artDetailDialog#artDetailDialog#artDetailDialog) :is(.primary,.primary-inline,.art-detail-primary){background:var(--sv-gold)!important;color:var(--sv-bg)!important;border-color:var(--sv-gold)!important}

/* Native paper previews keep dark ink; actual artwork/canvas pixels are not styled. */
html:has(#sgSystemGlassTheme):has(#sgSystemGlassTheme#sgSystemGlassTheme#sgSystemGlassTheme) body :is(#sizePageDialog,#framePageDialog,#passportDialog) :is(.pdf-paper,.print-paper,.document-paper,[data-paper-preview]){background:#fff!important;color:#172234!important;border-color:#d4d9df!important;color-scheme:light}
html:has(#sgSystemGlassTheme):has(#sgSystemGlassTheme#sgSystemGlassTheme#sgSystemGlassTheme) body :is(#sizePageDialog,#framePageDialog,#passportDialog) :is(.pdf-paper,.print-paper,.document-paper,[data-paper-preview]) :is(h1,h2,h3,h4,p,small,label,strong,b,span,dt,dd,td,th){color:#172234!important}

/* The mobile frame owner also paints main itself and its fixed order control. */
html:has(#sgSystemGlassTheme#sgSystemGlassTheme) body:has(.af-workbench)>main{background:var(--sv-bg)!important;color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme) body:has(.af-workbench) #mobileCanvasCart#mobileCanvasCart{background:var(--sv-gold)!important;color:var(--sv-bg)!important;border-color:var(--sv-gold)!important}
html:has(#sgSystemGlassTheme) body:has(.af-workbench) #mobileCanvasCart#mobileCanvasCart :is(span,small,b,strong){color:var(--sv-bg)!important}
html:has(#sgSystemGlassTheme) body:has(.af-workbench) #mobileCanvasCart#mobileCanvasCart em{background:var(--sv-panel)!important;color:var(--sv-text)!important}

/* Exact legacy chrome gaps. Surface/colour corrections only; the native
   controls, dimensions, visibility, image pixels and documents keep owners. */
@media(max-width:760px){
html:has(#sgSystemGlassTheme#sgSystemGlassTheme) :is(#siteHeader#siteHeader,#appHeader#appHeader,#collectionHeader#collectionHeader,.c20-top,.m27-top,.af-header,.sp-header,.sr-header)[data-svm3-header] :is(.brand,.app-brand,.c20-brand,.m27-brand,.af-brand,.collection-brand,.sp-logo,.sr-brand,.svm3-language,.svh2-core-language,.store-pill,.sr-purchase,.sp-header-cta){
 background:var(--sv-surface)!important;color:var(--sv-gold)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(248,245,235,.06)!important;
}
}
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,.member-auth-dialog) .auth-verify-guide{
 background:var(--sv-panel)!important;color:var(--sv-muted)!important;border-color:var(--sv-line)!important;
}
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,.member-auth-dialog) .auth-verify-guide strong{
 color:var(--sv-text)!important;
}
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,.member-auth-dialog) :is(.member-signed-in span,.auth-divider){
 color:var(--sv-muted)!important;
}
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,.member-auth-dialog) .auth-divider::before,
html:has(#sgSystemGlassTheme) :is(#memberAuthDialog#memberAuthDialog,.member-auth-dialog) .auth-divider::after{
 background:var(--sv-line)!important;
}

/* These are the actual body-hosted workspace dialogs, outside workspaceMain.
   Repeated IDs beat the existing ID-based mobile/native !important colours. */
html:has(#sgSystemGlassTheme) body :is(#orderDialog#orderDialog#orderDialog,#makerQuoteDialog#makerQuoteDialog#makerQuoteDialog,#creativeConfirmDialog#creativeConfirmDialog#creativeConfirmDialog,#creativeResultDialog#creativeResultDialog#creativeResultDialog,#artPickerDialog#artPickerDialog#artPickerDialog,#quickPassportDialog#quickPassportDialog#quickPassportDialog,#qualityCompareDialog#qualityCompareDialog#qualityCompareDialog,#qualityFocusDialog#qualityFocusDialog#qualityFocusDialog,#productReferenceDialog#productReferenceDialog#productReferenceDialog){
 background:rgba(17,31,52,.96)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(248,245,235,.07),0 18px 60px rgba(3,9,18,.35)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color-scheme:dark;
}
html:has(#sgSystemGlassTheme) body :is(#orderDialog#orderDialog#orderDialog,#makerQuoteDialog#makerQuoteDialog#makerQuoteDialog,#creativeConfirmDialog#creativeConfirmDialog#creativeConfirmDialog,#creativeResultDialog#creativeResultDialog#creativeResultDialog,#artPickerDialog#artPickerDialog#artPickerDialog,#quickPassportDialog#quickPassportDialog#quickPassportDialog,#qualityCompareDialog#qualityCompareDialog#qualityCompareDialog,#qualityFocusDialog#qualityFocusDialog#qualityFocusDialog,#productReferenceDialog#productReferenceDialog#productReferenceDialog)::backdrop{
 background:rgba(3,9,18,.65)!important;
}
html:has(#sgSystemGlassTheme) body :is(#orderDialog#orderDialog#orderDialog,#makerQuoteDialog#makerQuoteDialog#makerQuoteDialog,#creativeConfirmDialog#creativeConfirmDialog#creativeConfirmDialog,#creativeResultDialog#creativeResultDialog#creativeResultDialog,#artPickerDialog#artPickerDialog#artPickerDialog,#quickPassportDialog#quickPassportDialog#quickPassportDialog,#qualityCompareDialog#qualityCompareDialog#qualityCompareDialog,#qualityFocusDialog#qualityFocusDialog#qualityFocusDialog,#productReferenceDialog#productReferenceDialog#productReferenceDialog) :is(.order-dialog-card,.art-picker-dialog-card,.creative-confirm-card,.creative-result-shell,.quick-passport-card,.quality-compare-card,.quality-focus-card,.product-reference-card,header){
 background:var(--sv-panel)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;
}
html:has(#sgSystemGlassTheme) body :is(#orderDialog#orderDialog#orderDialog,#makerQuoteDialog#makerQuoteDialog#makerQuoteDialog,#creativeConfirmDialog#creativeConfirmDialog#creativeConfirmDialog,#creativeResultDialog#creativeResultDialog#creativeResultDialog,#artPickerDialog#artPickerDialog#artPickerDialog,#quickPassportDialog#quickPassportDialog#quickPassportDialog,#qualityCompareDialog#qualityCompareDialog#qualityCompareDialog,#qualityFocusDialog#qualityFocusDialog#qualityFocusDialog,#productReferenceDialog#productReferenceDialog#productReferenceDialog) :is(.order-selected,.creative-confirm-summary span,.creative-confirm-disclosure,.creative-confirm-card dl div,.creative-confirm-command,.creative-confirm-command-v47,.creative-result-tabs,.creative-result-visual,.creative-result-summary,.creative-result-summary dl div,.creative-result-actions,.creative-result-notice,.creative-result-guide li,.product-archive-health,.quick-passport-meta span){
 background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;
}
html:has(#sgSystemGlassTheme) body #creativeConfirmDialog#creativeConfirmDialog#creativeConfirmDialog .creative-confirm-actions{
 background:linear-gradient(transparent,var(--sv-panel) 16%)!important;
}
/* Only CSS backing surfaces change; no image, canvas or comparison pixels. */
html:has(#sgSystemGlassTheme) body #quickPassportDialog#quickPassportDialog#quickPassportDialog .quick-passport-visual,
html:has(#sgSystemGlassTheme) body #qualityFocusDialog#qualityFocusDialog#qualityFocusDialog .quality-focus-visual,
html:has(#sgSystemGlassTheme) body #productReferenceDialog#productReferenceDialog#productReferenceDialog :is(.product-reference-card figure,.product-reference-slide),
html:has(#sgSystemGlassTheme) body #creativeResultDialog#creativeResultDialog#creativeResultDialog .creative-result-image-wrap{
 background:var(--sv-bg)!important;border-color:var(--sv-line)!important;
}
html:has(#sgSystemGlassTheme) body :is(#orderDialog#orderDialog#orderDialog,#makerQuoteDialog#makerQuoteDialog#makerQuoteDialog,#creativeConfirmDialog#creativeConfirmDialog#creativeConfirmDialog,#creativeResultDialog#creativeResultDialog#creativeResultDialog,#artPickerDialog#artPickerDialog#artPickerDialog,#quickPassportDialog#quickPassportDialog#quickPassportDialog,#qualityCompareDialog#qualityCompareDialog#qualityCompareDialog,#qualityFocusDialog#qualityFocusDialog#qualityFocusDialog,#productReferenceDialog#productReferenceDialog#productReferenceDialog) :is(h1,h2,h3,h4,label,legend,summary,strong,b,dt,dd):not(.danger):not(.is-error):not(.success){
 color:var(--sv-text)!important;
}
html:has(#sgSystemGlassTheme) body :is(#orderDialog#orderDialog#orderDialog,#makerQuoteDialog#makerQuoteDialog#makerQuoteDialog,#creativeConfirmDialog#creativeConfirmDialog#creativeConfirmDialog,#creativeResultDialog#creativeResultDialog#creativeResultDialog,#artPickerDialog#artPickerDialog#artPickerDialog,#quickPassportDialog#quickPassportDialog#quickPassportDialog,#qualityCompareDialog#qualityCompareDialog#qualityCompareDialog,#qualityFocusDialog#qualityFocusDialog#qualityFocusDialog,#productReferenceDialog#productReferenceDialog#productReferenceDialog) :is(p,small,.rights-check span,.product-picker-empty,.product-archive-health span,.quick-passport-copy,.quality-focus-copy,.quality-compare-foot,.quality-compare-foot span,.creative-result-actions>div span,.creative-result-disclosure,.creative-result-compare i,.product-reference-counter):not(.danger):not(.is-error):not(.success):not([data-error=true]){
 color:var(--sv-muted)!important;
}
html:has(#sgSystemGlassTheme) body :is(#orderDialog#orderDialog#orderDialog,#makerQuoteDialog#makerQuoteDialog#makerQuoteDialog,#creativeConfirmDialog#creativeConfirmDialog#creativeConfirmDialog,#creativeResultDialog#creativeResultDialog#creativeResultDialog,#artPickerDialog#artPickerDialog#artPickerDialog,#quickPassportDialog#quickPassportDialog#quickPassportDialog,#qualityCompareDialog#qualityCompareDialog#qualityCompareDialog,#qualityFocusDialog#qualityFocusDialog#qualityFocusDialog,#productReferenceDialog#productReferenceDialog#productReferenceDialog) :is(button,a.dialog-store-link,.quick-passport-back){
 background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important;box-shadow:inset 0 1px rgba(248,245,235,.05)!important;
}
html:has(#sgSystemGlassTheme) body :is(#orderDialog#orderDialog#orderDialog,#makerQuoteDialog#makerQuoteDialog#makerQuoteDialog,#creativeConfirmDialog#creativeConfirmDialog#creativeConfirmDialog,#creativeResultDialog#creativeResultDialog#creativeResultDialog,#artPickerDialog#artPickerDialog#artPickerDialog,#quickPassportDialog#quickPassportDialog#quickPassportDialog,#qualityCompareDialog#qualityCompareDialog#qualityCompareDialog,#qualityFocusDialog#qualityFocusDialog#qualityFocusDialog,#productReferenceDialog#productReferenceDialog#productReferenceDialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=hidden]):not([type=range]),textarea,select){
 background:var(--sv-bg)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;caret-color:var(--sv-gold)!important;color-scheme:dark;
}
html:has(#sgSystemGlassTheme) body :is(#orderDialog#orderDialog#orderDialog,#makerQuoteDialog#makerQuoteDialog#makerQuoteDialog,#creativeConfirmDialog#creativeConfirmDialog#creativeConfirmDialog,#creativeResultDialog#creativeResultDialog#creativeResultDialog,#artPickerDialog#artPickerDialog#artPickerDialog,#quickPassportDialog#quickPassportDialog#quickPassportDialog,#qualityCompareDialog#qualityCompareDialog#qualityCompareDialog,#qualityFocusDialog#qualityFocusDialog#qualityFocusDialog,#productReferenceDialog#productReferenceDialog#productReferenceDialog) :is(input,textarea)::placeholder{
 color:var(--sv-muted)!important;
}
html:has(#sgSystemGlassTheme) body :is(#orderDialog#orderDialog#orderDialog,#makerQuoteDialog#makerQuoteDialog#makerQuoteDialog,#creativeConfirmDialog#creativeConfirmDialog#creativeConfirmDialog,#creativeResultDialog#creativeResultDialog#creativeResultDialog,#artPickerDialog#artPickerDialog#artPickerDialog,#quickPassportDialog#quickPassportDialog#quickPassportDialog,#qualityCompareDialog#qualityCompareDialog#qualityCompareDialog,#qualityFocusDialog#qualityFocusDialog#qualityFocusDialog,#productReferenceDialog#productReferenceDialog#productReferenceDialog) :is(input[type=checkbox],input[type=radio],input[type=range]){
 accent-color:var(--sv-gold);
}
html:has(#sgSystemGlassTheme) body :is(#orderDialog#orderDialog#orderDialog,#makerQuoteDialog#makerQuoteDialog#makerQuoteDialog,#creativeConfirmDialog#creativeConfirmDialog#creativeConfirmDialog,#creativeResultDialog#creativeResultDialog#creativeResultDialog,#artPickerDialog#artPickerDialog#artPickerDialog,#quickPassportDialog#quickPassportDialog#quickPassportDialog,#qualityCompareDialog#qualityCompareDialog#qualityCompareDialog,#qualityFocusDialog#qualityFocusDialog#qualityFocusDialog,#productReferenceDialog#productReferenceDialog#productReferenceDialog) :is(.primary-action,.c20-primary,.w12-primary,.product-picker-categories button.is-active,.creative-result-tabs button.is-active){
 background:var(--sv-gold)!important;color:var(--sv-bg)!important;border-color:var(--sv-gold)!important;box-shadow:none!important;
}
/* Native nested captions must remain navy on the primary/selected gold. */
html:has(#sgSystemGlassTheme) body :is(#orderDialog#orderDialog#orderDialog,#makerQuoteDialog#makerQuoteDialog#makerQuoteDialog,#creativeConfirmDialog#creativeConfirmDialog#creativeConfirmDialog,#creativeResultDialog#creativeResultDialog#creativeResultDialog,#artPickerDialog#artPickerDialog#artPickerDialog,#quickPassportDialog#quickPassportDialog#quickPassportDialog,#qualityCompareDialog#qualityCompareDialog#qualityCompareDialog,#qualityFocusDialog#qualityFocusDialog#qualityFocusDialog,#productReferenceDialog#productReferenceDialog#productReferenceDialog) :is(.primary-action,.c20-primary,.w12-primary,.product-picker-categories button.is-active,.creative-result-tabs button.is-active) :is(strong,b,span,small){
 color:var(--sv-bg)!important;
}
html:has(#sgSystemGlassTheme) body #artPickerDialog#artPickerDialog#artPickerDialog .product-picker-categories button.is-active small{
 background:transparent!important;
}
html:has(#sgSystemGlassTheme) body #artPickerDialog#artPickerDialog#artPickerDialog .product-archive-health.is-error,
html:has(#sgSystemGlassTheme) body #artPickerDialog#artPickerDialog#artPickerDialog .product-archive-health.is-error :is(strong,span){
 color:var(--sv-error)!important;border-color:var(--sv-error)!important;
}
html:has(#sgSystemGlassTheme) body #creativeResultDialog#creativeResultDialog#creativeResultDialog :is(.creative-result-payment,.creative-result-summary dd.success){
 background:var(--sv-surface)!important;color:var(--sv-success)!important;border-color:var(--sv-line)!important;
}
html:has(#sgSystemGlassTheme) body :is(#orderDialog#orderDialog#orderDialog,#makerQuoteDialog#makerQuoteDialog#makerQuoteDialog,#creativeConfirmDialog#creativeConfirmDialog#creativeConfirmDialog,#creativeResultDialog#creativeResultDialog#creativeResultDialog,#artPickerDialog#artPickerDialog#artPickerDialog,#quickPassportDialog#quickPassportDialog#quickPassportDialog,#qualityCompareDialog#qualityCompareDialog#qualityCompareDialog,#qualityFocusDialog#qualityFocusDialog#qualityFocusDialog,#productReferenceDialog#productReferenceDialog#productReferenceDialog) :is(button,a,input,textarea,select,summary):focus-visible{
 outline-color:var(--sv-gold)!important;
}

/* Match actual shop renderer shells, including its embedded maker dialog. */
html:has(#sgSystemGlassTheme) body.sg-shop-active #storeBuilderApp#storeBuilderApp#storeBuilderApp,
html:has(#sgSystemGlassTheme) body #sgShop#sgShop#sgShop :is(.sg-workspace,.sg-chooser,.sg-workspace>.sg-floating,.sg-account-notice),
html:has(#sgSystemGlassTheme) body #s10Maker#s10Maker#s10Maker.sg-maker{background:var(--sv-bg)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important}
html:has(#sgSystemGlassTheme) body :is(#sgShop#sgShop#sgShop,#s10Maker#s10Maker#s10Maker) :is(.sg-cover,.sg-pane.sg-retreat,.sg-guide,.sg-inspector,.sg-actions,.sg-handle-mark,.sg-export-dialog,.sg-finish-dialog,#s10FrameHost){background:var(--sv-glass),var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important}
html:has(#sgSystemGlassTheme) body #s10Maker#s10Maker#s10Maker :is(header,footer,#s10MakerNotice){background:var(--sv-panel)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important}
html:has(#sgSystemGlassTheme) body :is(#sgShop#sgShop#sgShop,#s10Maker#s10Maker#s10Maker) :is(.sg-pane,.sg-pane-head,.sg-cover-preview,.sg-resource,.sg-export-body,.sg-export-body [data-store-panel=publish],.sg-export-body .s19-review,.sg-export-body .s30-pdf-card){background:transparent!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important}
html:has(#sgSystemGlassTheme) body :is(#sgShop#sgShop#sgShop,#s10Maker#s10Maker#s10Maker) :is(button.sg-template,button.sg-resume,button.sg-icon,button.sg-room-zoom,.sg-guide-actions button,.sg-actions button,.sg-finish-action){background:var(--sv-glass),var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important}
html:has(#sgSystemGlassTheme) body #sgShop#sgShop#sgShop .sg-template-copy{background:linear-gradient(transparent,rgba(11,20,37,.76))!important;color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme) body :is(#sgShop#sgShop#sgShop,#s10Maker#s10Maker#s10Maker) option{background:var(--sv-panel)!important;color:var(--sv-text)!important}
html:has(#sgSystemGlassTheme) body #sgShop#sgShop#sgShop .sg-status.sg-notice{background:var(--sv-panel)!important;color:var(--sv-muted)!important;border-color:var(--sv-edge)!important}
html:has(#sgSystemGlassTheme) body .sg-finish-dialog.sg-finish-dialog{background:var(--sv-glass),rgba(17,31,52,.94)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important}
html:has(#sgSystemGlassTheme) body .sg-finish-dialog.sg-finish-dialog :is(button,h2,p,strong){color:var(--sv-text)!important;border-color:var(--sv-edge)!important}
html:has(#sgSystemGlassTheme) body :is(.sg-finish-dialog,.sg-export-dialog)::backdrop{background:rgba(5,12,24,.72)!important}
/* Native result counts are spans rather than paragraphs. */
html:has(#sgSystemGlassTheme) body :is(#creation20#creation20#creation20,.c20-dialog) .c21-scroll-head>span{color:var(--sv-muted)!important}
/* Existing archive/studio panels use these exact native surface classes. */
html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain :is(.my-hero,.my-id-card,.my-tabs,.studio-workbench,.studio-inspector){background:var(--sv-glass),var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-edge)!important}

html:has(#sgSystemGlassTheme) body>nav[aria-label="주문"]{background:var(--sv-panel)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important}
html:has(#sgSystemGlassTheme) body>nav[aria-label="주문"] a{color:var(--sv-gold)!important}
/* On phones this is an overlay over the room, not a painted panel. The
   existing native desktop breakpoint turns it into the right-hand tool rail. */
html:has(#sgSystemGlassTheme) body #sgShop#sgShop#sgShop .sg-workspace>.sg-floating,
html:has(#sgSystemGlassTheme) body #s10Maker#s10Maker#s10Maker.sg-maker{background:transparent!important}
@media(min-width:1000px){
 html:has(#sgSystemGlassTheme) body #sgShop#sgShop#sgShop .sg-workspace>.sg-floating,
 html:has(#sgSystemGlassTheme) body #s10Maker#s10Maker#s10Maker.sg-maker{background:var(--sv-bg)!important}
}

/* Menu destinations: native recommendation, story and partner panels share
   the dark material used by their headings. These are screen surfaces only;
   artwork pixels and printable document paper retain their own colors. */
@media screen{
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] :is(.tool-panel,.result-panel,.recommend-card,.art-card,.recommend-next-step),
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="story"] :is(.passport-browser,.passport-card,.savori-curation),
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="partner"] .partner-form-card{
  background:var(--sv-panel)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 26px rgba(0,0,0,.12)!important;
 }
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] :is(.panel-heading>span,.recommend-copy>span,.recommend-next-copy>span){color:var(--sv-gold)!important}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain :is(.transparent-price,.partner-prices)>div>span,
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain .partner-prices>span{color:var(--sv-muted)!important}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain .partner-prices a{color:var(--sv-gold)!important}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] :is(.recommend-actions a,.recommend-next-actions a,.art-card-actions a){background:rgba(27,44,65,.76)!important;color:var(--sv-text)!important;border-color:var(--sv-line)!important}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] :is(.choice-grid button.is-selected,[data-catalog-category].is-active,.recommend-card.is-selected .recommend-choose){background:var(--sv-gold)!important;color:#142136!important;border-color:var(--sv-gold)!important;box-shadow:inset 0 0 0 1px var(--sv-gold)!important}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] .recommend-card.is-selected{border-color:var(--sv-gold)!important;outline:1px solid var(--sv-gold);outline-offset:-1px}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] :is(button,a,input,select):focus-visible{outline:3px solid var(--sv-gold)!important;outline-offset:3px}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain .transparent-price button{min-height:44px;font-size:14px}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="story"] .passport-content{background:transparent!important}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="story"] :is(.passport-meta dt,.curation-disclaimer){color:var(--sv-muted)!important}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="story"] .passport-meta dd{color:var(--sv-text)!important}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="story"] :is(.passport-browser .panel-heading>span,.curation-heading span,.curation-sections b){color:var(--sv-gold)!important}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="story"] [data-story-category].is-active{background:var(--sv-gold)!important;color:#142136!important;border-color:var(--sv-gold)!important;box-shadow:inset 0 0 0 1px var(--sv-gold)!important}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="story"] [data-passport-id].is-active{border-color:var(--sv-gold)!important;outline:1px solid var(--sv-gold);outline-offset:-1px}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="story"] :is(button,a,input):focus-visible{outline:3px solid var(--sv-gold)!important;outline-offset:3px}
}
@media screen and (max-width:760px){
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="story"] .story-category-tabs button{min-height:44px;font-size:14px!important}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="story"] .passport-meta dt{font-size:13px!important;line-height:1.5}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="story"] .passport-meta dd{font-size:15px!important;line-height:1.5;overflow-wrap:anywhere}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] :is(.tool-panel,.result-panel){padding:20px 16px!important;min-width:0}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] .panel-heading h2{font-size:24px!important;line-height:1.4!important}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] :is(.panel-heading p,.result-empty p,.recommend-copy p,.recommend-next-copy p){font-size:15px!important;line-height:1.75!important}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] :is(.question-form legend,.choice-grid button){font-size:15px!important}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] .choice-grid button{min-width:0;min-height:46px;white-space:normal;line-height:1.5}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] .result-empty{min-height:180px;padding:18px 10px;gap:12px}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] .result-empty strong{font-size:22px!important;line-height:1.4}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain .transparent-price{padding:14px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain .transparent-price span{font-size:14px!important;line-height:1.5}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain .transparent-price strong{font-size:16px!important;line-height:1.5}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain .transparent-price button{grid-column:1/-1;min-height:44px}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] .recommend-card{grid-template-columns:minmax(0,1fr)!important;gap:12px;padding:12px;min-width:0}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] .recommend-card figure{height:180px;background:rgba(11,20,37,.72);margin:0}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] .recommend-card figure img{object-fit:contain}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] .recommend-copy{min-width:0}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] .recommend-copy h3{font-size:19px!important;line-height:1.45}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] .recommend-actions{flex-wrap:wrap;gap:8px}
 html:has(#sgSystemGlassTheme) body #workspaceMain#workspaceMain#workspaceMain [data-view="discover"] .recommend-actions :is(button,a){min-height:44px;font-size:14px!important}
}