/* Desktop Image Viewer only. Keep the existing measured image viewport/footer flow. */
html:not(.phone-layout)[data-theme=light]{--iv-footer-surface:rgba(247,245,240,.72);--iv-footer-button:rgba(255,255,255,.50);--iv-footer-hover:rgba(255,255,255,.82);--iv-footer-active:rgba(95,95,95,.90);--iv-footer-ink:#252525;--iv-footer-line:rgba(95,95,95,.65)}
html:not(.phone-layout)[data-theme=dark]{--iv-footer-surface:rgba(20,20,20,.68);--iv-footer-button:rgba(48,48,48,.58);--iv-footer-hover:rgba(74,74,74,.84);--iv-footer-active:rgba(125,125,125,.90);--iv-footer-ink:#eee;--iv-footer-line:rgba(210,210,210,.70)}
/* The original artwork may bleed below its window when panned/zoomed. No duplicate image or background copy. */
html:not(.phone-layout):not(.immersive) #full-view{overflow:hidden}
html:not(.phone-layout):not(.immersive) #full-view .full-body{overflow:visible!important;position:relative;z-index:0;clip-path:inset(0 0 -100vh 0)}
html:not(.phone-layout):not(.immersive) #full-view :is(#full-content,#full-video-stage){overflow:visible!important}
html:not(.phone-layout):not(.immersive) #full-view #full-related{position:relative;z-index:1}
html:not(.phone-layout):not(.immersive) #full-view #image-viewer-footer{position:relative;z-index:2;background:var(--iv-footer-surface)!important;color:var(--iv-footer-ink);isolation:isolate}
html:not(.phone-layout):not(.immersive) #full-view #image-viewer-footer :is(.full-toolbar,.full-description,#full-prompt-overlay){background:transparent!important;color:var(--iv-footer-ink)!important}
html:not(.phone-layout):not(.immersive) #full-view .full-toolbar{justify-content:center!important}
html:not(.phone-layout):not(.immersive) #full-view .full-actions{justify-content:center!important;flex:0 1 auto;width:max-content;max-width:100%;margin-inline:auto}
html:not(.phone-layout):not(.immersive) #full-view .full-actions :is(button,a){background:var(--iv-footer-button)!important;color:var(--iv-footer-ink)!important;border-color:var(--iv-footer-line)!important}
html:not(.phone-layout):not(.immersive) #full-view .full-actions :is(button,a):hover{background:var(--iv-footer-hover)!important}
html:not(.phone-layout):not(.immersive)[data-theme] body #full-view .full-actions button:is([aria-pressed=true],:active){background:var(--iv-footer-active)!important;color:#fff!important;border-color:#aaa!important}
/* Change surfaces/alignment only. Existing fullscreen reveal class, timer and events remain untouched. */
html:not(.phone-layout).immersive.fullscreen-reveal #full-view .immersive-controls{left:50%;right:auto;transform:translateX(-50%);justify-content:center;background:rgba(35,35,35,.66)!important;box-shadow:none!important}
html:not(.phone-layout).immersive #full-view .immersive-controls button{background:rgba(65,65,65,.66)!important;color:#fff!important;border-color:rgba(255,255,255,.82)!important}
html:not(.phone-layout).immersive #full-view .immersive-controls button:not(:disabled):hover{background:rgba(88,88,88,.84)!important}
html:not(.phone-layout)[data-theme].immersive body #full-view .immersive-controls button:not(:disabled):is([aria-pressed=true],:active){background:rgba(112,112,112,.88)!important;color:#fff!important;border-color:#fff!important}