/* Shared screen viewers: fitted images, compact controls and mobile safe areas. */
html:has(#liveViewDialog[open]),html:has(#monitorGalleryDialog[open]){overflow:hidden}
#liveViewDialog{box-sizing:border-box;width:min(1200px,96vw);max-width:100%;height:min(900px,94dvh);max-height:100dvh;padding:0;overflow:hidden;color:#eaf6ff;background:#071923;border:0;border-radius:16px}
#liveViewDialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0}
#liveViewDialog .live-view-head{position:static;background:#0b2533;color:#fff;padding:14px 18px;min-width:0;gap:12px;flex-wrap:nowrap}
#liveViewDialog .live-view-head>div{min-width:0;flex:1}
#liveViewTitle{color:#fff;font-size:17px;line-height:1.4;overflow-wrap:anywhere;min-width:0}
#liveViewDialog .live-view-head button{min-width:72px;min-height:44px;padding:10px 14px;flex-shrink:0}
#liveViewDialog .live-view-canvas{display:block;position:relative;min-width:0;min-height:0;width:100%;height:100%;max-height:none;overflow:hidden}
#liveViewImage{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
#liveViewDialog .view-only-badge{position:static;display:inline-block;margin-top:5px;font-size:9px;padding:4px 8px;letter-spacing:.04em}
#liveViewDialog .live-view-foot{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 18px;background:#0b2533;min-width:0;font-size:12px}
#liveViewStatus{flex:1;min-width:0;overflow-wrap:anywhere}#liveViewDialog .live-view-actions{margin:0;width:auto;flex:0 0 auto}#stopLiveView{min-height:44px;padding:10px 16px;white-space:nowrap}
#monitorGalleryDialog{box-sizing:border-box;width:min(1100px,96vw);max-width:100%;height:94dvh;max-height:100dvh;padding:0;border:0;border-radius:16px;background:#f7f9fc;color:#192238;overflow:auto}
#monitorGalleryDialog>.live-view-head{position:sticky;top:0;z-index:5;background:#fff;color:#192238;padding:12px 20px;gap:12px;border-bottom:1px solid var(--line)}
#monitorGalleryTitle{font-size:18px;line-height:1.4;min-width:0;overflow-wrap:anywhere;color:#192238}#closeMonitorGallery{flex:0 0 auto;min-width:72px;min-height:44px;padding:10px 12px}
#monitorGalleryBody{padding:18px 24px 24px;min-width:0}.gallery-tools{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.gallery-tools details{flex:1;min-width:0}.gallery-tools summary,.gallery-settings summary{cursor:pointer;font-weight:600;padding:12px;min-height:44px;background:#fff;border:1px solid var(--line);border-radius:10px}
.gallery-tools form,.gallery-settings form{padding:16px;background:white;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px}#galleryFilterForm label,#gallerySettingsForm label{display:block;font-size:13px;margin:0 0 12px}#galleryFilterForm input,#gallerySettingsForm input[type=number]{display:block;width:100%;min-width:0;max-width:100%;margin-top:6px;min-height:44px}#galleryFilterForm input[type=date]{appearance:none;-webkit-appearance:none;box-sizing:border-box}.gallery-time-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gallery-filter-actions{display:flex;gap:10px}.gallery-filter-actions button{flex:1;min-height:44px}.gallery-caption{font-size:12px;color:#778397;margin:12px 0}.gallery-stage{position:relative;height:clamp(220px,49dvh,560px);width:100%;min-width:0;background:#091923;border-radius:12px;overflow:auto;touch-action:pan-y pinch-zoom;color:#d9e8ed;overscroll-behavior:contain}.gallery-stage #monitorImagePreview{height:100%;width:100%;display:block;min-width:0;min-height:0}.gallery-stage img{width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;display:block}.gallery-stage.is-zoomed{touch-action:pan-x pan-y pinch-zoom}.gallery-stage.is-zoomed #monitorImagePreview{width:200%;height:200%;max-width:none}.gallery-stage.is-zoomed img{width:100%;height:100%;max-width:none;max-height:none}#galleryImageStatus:empty{display:none}#galleryImageStatus{position:absolute;left:16px;right:16px;top:16px;text-align:center;font-size:13px;pointer-events:none}.gallery-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:12px}.gallery-navigation>button{min-height:46px;padding:10px}.gallery-navigation>div{text-align:center;font-size:13px;min-width:65px}.gallery-navigation .link{display:block;margin:auto;min-height:36px;padding:6px;font-size:12px}.gallery-image-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:10px 0;font-size:12px;overflow-wrap:anywhere}.gallery-image-meta span{color:#778397}.gallery-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 9px;min-height:72px}.gallery-thumb{position:relative;flex:1 0 60px;max-width:120px;height:68px;border:2px solid transparent;background:#e4e9ef;padding:0;border-radius:7px;overflow:hidden;color:#fff}.gallery-thumb.selected{border-color:#5145eb;box-shadow:0 0 0 2px #c5bfff}.gallery-thumb img{width:100%;height:100%;object-fit:contain}.gallery-thumb span{position:absolute;bottom:0;left:0;right:0;background:#132431cc;font-size:10px;padding:3px}.gallery-settings{margin-top:12px}.gallery-settings .check-label{display:flex!important;align-items:center;gap:10px}.gallery-settings input[type=checkbox]{width:20px;height:20px}#gallerySettingsResult,#galleryResult{font-size:13px;line-height:1.6;overflow-wrap:anywhere}#galleryResult:empty{display:none}
@media(max-width:760px){
 #liveViewDialog,#monitorGalleryDialog{position:fixed;inset:0;margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:0}
 #liveViewDialog .live-view-head{padding:calc(10px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}#liveViewTitle{font-size:15px}
 #liveViewDialog .live-view-foot{padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));font-size:11px}#stopLiveView{font-size:13px;padding:10px 12px}
 #monitorGalleryDialog>.live-view-head{padding:calc(10px + env(safe-area-inset-top)) 12px 10px}#monitorGalleryTitle{font-size:16px}#monitorGalleryBody{padding:12px 12px calc(18px + env(safe-area-inset-bottom))}.gallery-stage{height:clamp(180px,35dvh,360px)}.gallery-navigation{gap:8px}.gallery-navigation>button{font-size:13px}.gallery-tools{gap:8px}.gallery-tools>button{font-size:12px;padding:10px}.gallery-tools summary{font-size:13px}.gallery-thumbnails{gap:6px}.gallery-thumb{flex-basis:50px;height:57px}.gallery-time-fields{gap:8px}#galleryFilterForm{padding:12px}.gallery-caption{line-height:1.5}
}
@media(max-height:500px) and (orientation:landscape){#liveViewDialog .live-view-head{padding-top:6px;padding-bottom:6px}#liveViewDialog .live-view-foot{padding-top:6px;padding-bottom:6px}.gallery-stage{height:62dvh}}