dialog.record-photo-viewer{position:fixed;inset:0;box-sizing:border-box;margin:auto;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#080f17;color:#f0f5fa;overflow:hidden}
dialog.record-photo-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.record-photo-viewer::backdrop{background:#000e}
.record-photo-viewer header{display:flex;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));border-bottom:1px solid #293743}
.record-photo-viewer header>div{flex:1;min-width:0;display:grid;gap:4px}
.record-photo-viewer header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.record-photo-viewer header span,.record-photo-viewer footer small{color:#a7b8c8;font-size:12px}
.record-photo-viewer button{min-width:48px;min-height:48px;margin:0;padding:8px 16px;border:1px solid #405363;border-radius:12px;background:#162430;color:#f0f5fa;touch-action:manipulation}
.record-photo-viewer button:focus-visible{outline:3px solid #88ceff;outline-offset:2px}
.record-photo-viewer button:disabled{opacity:.35}
.record-photo-viewer [data-photo-close]{font-size:26px}
.record-photo-stage{position:relative;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;user-select:none}
.record-photo-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center;pointer-events:none}
.record-photo-stage img[hidden],.record-photo-status[hidden]{display:none}
.record-photo-status{position:absolute;inset:0;display:grid;place-content:center;padding:32px;text-align:center;color:#c2d1df}
.record-photo-viewer footer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-top:1px solid #293743}
.record-photo-viewer footer small{flex-basis:100%;text-align:center}
.field-photo-open{display:block;cursor:zoom-in}
.record-photo-panel .intake-photos a{position:relative;cursor:zoom-in;min-width:44px;min-height:44px}
@media(min-width:900px){dialog.record-photo-viewer{width:min(1100px,calc(100vw - 48px));height:calc(100dvh - 48px);border:1px solid #405363;border-radius:16px}}

.record-photo-viewer [data-photo-download]{display:inline-flex;align-items:center;min-height:48px;padding:8px 16px;box-sizing:border-box;color:#b8e3ff;border:1px solid #405363;border-radius:12px;text-decoration:underline}
.record-photo-viewer [data-photo-download]:focus-visible{outline:3px solid #88ceff;outline-offset:2px}
@media(hover:hover) and (pointer:fine){.record-photo-stage img{pointer-events:auto;cursor:grab}}
@media(hover:none){.record-photo-viewer [data-photo-export],.record-photo-viewer [data-photo-share-open]{display:none}}