.media-viewer{box-sizing:border-box;position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--paper,#101715);color:var(--ink,#fff);overflow:hidden;overscroll-behavior:contain}
.media-viewer[open]{display:flex;flex-direction:column;gap:6px}
.media-viewer::backdrop{background:rgba(8,14,12,.9)}
.media-viewer [hidden]{display:none!important}
.media-viewer button,.media-viewer a{font:inherit}
.media-viewer-toolbar{display:flex;align-items:center;gap:var(--app-header-action-gap,6px);min-width:0;min-height:var(--app-header-action-size,40px);flex:none}
.media-viewer-controls.app-header-actions{min-width:0;flex:0 1 auto;justify-content:flex-start;flex-wrap:nowrap}
.media-viewer .media-viewer-close.media-viewer-close{margin-left:auto}
.media-viewer .media-viewer-action--zoom{font-size:20px;font-weight:800}
.media-viewer-controls output{min-width:44px;flex:0 0 44px;text-align:center;color:var(--muted,#b6c0bc);font-size:13px;font-weight:600;line-height:1}
.media-viewer-meta{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#b6c0bc);font-size:12px;font-weight:500;line-height:1.35;flex:none}
.media-viewer .app-header-action:focus-visible,.media-viewer [data-media-download]:focus-visible,.media-viewer-stage:focus-visible{outline:3px solid var(--theme-focus,#ffd277);outline-offset:-3px}
.media-viewer [data-media-download]{box-sizing:border-box;min-height:44px;margin:0;padding:8px 12px;border:1px solid var(--line,#8b9a95);border-radius:8px;background:var(--theme-surface,#243a30);color:var(--ink,#fff);line-height:1.2;text-decoration:none;cursor:pointer}
.media-viewer-stage{position:relative;flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;overscroll-behavior:contain}
.media-viewer-stage:has(img:not([hidden])){touch-action:none}
.media-viewer-stage img{display:block;flex:none;max-width:none;max-height:none;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none;touch-action:none;cursor:grab}
.media-viewer-stage iframe{width:100%;height:100%;border:0;background:#fff}
.media-viewer-status{flex:none;margin:0;text-align:center;color:inherit;font-size:14px}
.media-viewer-status:empty{display:none}
.media-viewer-footer{position:static;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;flex:none;padding:0;margin:0;background:transparent;color:inherit;font-size:12px;border:0}
@media(max-width:380px){.media-viewer-toolbar{gap:4px}.media-viewer-controls output{min-width:40px;flex-basis:40px}}