.home-image-viewer { width:min(1440px,94vw); max-width:94vw; max-height:92svh; padding:0; border:1px solid var(--home-line,var(--border,#c5d7d7)); border-radius:4px; background:var(--home-white,var(--surface,#fff)); color:var(--home-ink,var(--text,#102f32)); overflow:hidden; }
.home-image-viewer::backdrop { background:#102f32dd; }
html[data-theme="dark"] .home-image-viewer::backdrop { background:#101827dd; }
html[data-theme="dark"] .home-image-viewer-stage { background:var(--home-white,var(--surface,#142036)); }
.home-image-viewer-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px; border-bottom:1px solid var(--home-line,var(--border,#c5d7d7)); }
.home-image-viewer-header h2 { margin:0; font-size:20px; font-weight:600; }
.home-image-viewer-header button { min-height:44px; padding:8px 14px; border:1px solid var(--home-line,var(--border,#c5d7d7)); background:var(--home-white,var(--surface,#fff)); color:var(--home-ink,var(--text,#102f32)); border-radius:3px; cursor:pointer; font-size:16px; }
.home-image-viewer-actions { display:flex; gap:10px; }
.home-image-viewer-stage { padding:16px; max-height:calc(92svh - 80px); overflow:auto; background:#edf4f3; }
.home-image-viewer-stage img { display:block; margin:auto; width:auto; max-width:100%; max-height:calc(92svh - 112px); object-fit:contain; }
body.home-image-open { overflow:hidden; }
html:has(.workspace-page) { scrollbar-gutter:stable; }

.home-image-viewer-stage img { cursor:zoom-out; }
@media(max-width:700px) {
 .home-image-viewer-header { flex-wrap:wrap; padding:12px; }
 .home-image-viewer-header h2 { font-size:17px; }
 .home-image-viewer-stage { padding:8px; max-height:calc(92svh - 130px); }
}