img[data-expand-image]{cursor:zoom-in}img[data-expand-image]:focus-visible{outline:3px solid var(--royal);outline-offset:5px}.screen-item .screen-frame img{object-fit:contain;background:#fff}dialog.image-viewer{box-sizing:border-box;border:1px solid var(--line);background:var(--paper,#fbfcfd);width:min(1500px,100vw - 64px);max-width:none;height:min(980px,100dvh - 64px);max-height:none;color:var(--ink,#0b1f3a);border-radius:16px;margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 90px #0000004d}.image-viewer::backdrop{background:#041020e0}.image-viewer-inner{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-width:0;height:100%;display:grid}.image-viewer-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:18px 24px;display:flex}.image-viewer-heading{min-width:0}.image-viewer-kicker{letter-spacing:.16em;color:var(--label);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.image-viewer-heading p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;font-weight:650;line-height:1.4;overflow:hidden}.image-viewer-tools,.image-viewer-navigation{flex-shrink:0;align-items:center;gap:8px;display:flex}.image-viewer-tool{border:1px solid var(--line);min-width:44px;height:44px;color:var(--ink);cursor:pointer;font:inherit;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:14px;text-decoration:none;display:inline-flex}.image-viewer-tool:hover{border-color:var(--royal);color:var(--royal);background:var(--mist)}.image-viewer-tool:focus-visible{outline:3px solid var(--royal);outline-offset:3px}.image-viewer-tool:disabled{opacity:.35;cursor:default}.image-viewer-tool svg{flex-shrink:0}.image-viewer-close{background:var(--ink);color:#fff;border-color:var(--ink);margin-inline-start:8px}.image-viewer-stage{background:var(--mist,#eef3f8);touch-action:pan-y pinch-zoom;justify-content:center;align-items:center;min-width:0;min-height:0;padding:24px;display:flex;overflow:hidden}.image-viewer-stage>img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.image-viewer-stage.is-zoomed{touch-action:auto;padding:24px;display:block;overflow:auto}.image-viewer-stage.is-zoomed>img{width:auto;max-width:none;height:auto;max-height:none;margin:auto}.image-viewer-stage:focus-visible{outline:3px solid var(--royal);outline-offset:-4px}.image-viewer-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:18px 24px;display:flex}.image-viewer-caption{min-width:0}.image-viewer-caption p{margin:0 0 4px;font-size:15px;line-height:1.5}.image-viewer-caption>span{color:var(--muted);font-size:12px;line-height:1.4}.image-viewer-count{text-align:center;font-variant-numeric:tabular-nums;min-width:65px;font-size:15px;font-weight:650}.image-viewer-count>span{color:var(--muted);font-weight:400}.image-viewer-error{text-align:center;max-width:34ch;line-height:1.7}.image-viewer-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:640px){dialog.image-viewer{border:0;border-radius:0;width:100vw;height:100dvh}.image-viewer-toolbar{padding:max(12px, env(safe-area-inset-top)) 16px 12px;gap:12px}.image-viewer-heading p{font-size:14px}.image-viewer-kicker{letter-spacing:.1em;font-size:9px}.image-viewer-tools{gap:4px}.image-viewer-tools .image-viewer-tool{padding:0 10px}.image-viewer-tools .image-viewer-tool span,.image-viewer-original{display:none}.image-viewer-close{margin-inline-start:4px}.image-viewer-stage,.image-viewer-stage.is-zoomed{padding:12px}.image-viewer-footer{padding:16px 20px max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:12px}.image-viewer-caption p{font-size:14px}.image-viewer-caption>span{font-size:11px}.image-viewer-navigation{justify-content:center;gap:24px}}@media (max-height:500px){dialog.image-viewer{border:0;border-radius:0;width:100vw;height:100dvh}.image-viewer-toolbar{padding:6px 16px}.image-viewer-kicker,.image-viewer-caption>span{display:none}.image-viewer-stage{padding:8px 16px}.image-viewer-footer{flex-direction:row;align-items:center;gap:16px;padding:6px 16px}.image-viewer-caption p{max-height:3em;margin:0;font-size:12px;overflow:auto}.image-viewer-navigation{gap:8px}}