/* Image translation is drawn in photo coordinates: no wrapping DOM cards. */
#photoTranslated{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#photoOverlay{position:absolute;inset:0;pointer-events:none}
.photo-hit{position:absolute;pointer-events:auto;border:0;padding:0;margin:0;background:transparent;border-radius:0;min-width:0;min-height:0;cursor:pointer}
.photo-hit:focus-visible{outline:2px solid var(--purple);outline-offset:1px;background:#ffffff30}
.photo-hit.needs-review{border-bottom:1px dashed #bc7a1b;background:transparent}
#photoSelection{position:absolute;pointer-events:none;border:2px solid #8966e7;background:#8970cf20;box-shadow:0 0 0 5000px #0005;z-index:4}
#photoStage.crop-active{touch-action:none;cursor:crosshair;overflow:hidden}
#photoStage.crop-active #photoOverlay{display:none}
#photoScroll{max-height:82vh;overscroll-behavior:contain;background:#ebe8e3}
#photoCompare.compare{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)}
.photo-fullscreen-open{overflow:hidden}
#photoPreviewWrap.photo-fullscreen{position:fixed;inset:0;z-index:80;background:var(--bg);padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));overflow:auto}
#photoPreviewWrap.photo-fullscreen>#photoCompare{margin-top:8px}
#photoPreviewWrap.photo-fullscreen #photoScroll{max-height:calc(100dvh - 190px)}
#photoPreviewWrap.photo-fullscreen #photoStage{max-width:none}
#photoPreviewWrap.photo-fullscreen>.tools{margin-top:6px!important;gap:6px}
#photoPreviewWrap.photo-fullscreen #overlayHint{margin:8px 0;font-size:11px}
.photo-extra-controls{gap:6px}
#photoRegionDialog{max-width:560px}
.photo-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px}
#photoRegionDialog label{font-size:13px;color:var(--muted)}
#photoRegionOriginal{min-height:80px;font-size:19px;border:1px solid var(--line);padding:12px;border-radius:10px;margin-top:8px}
#photoRegionTranslation{white-space:pre-wrap;overflow-wrap:anywhere;font-size:22px;line-height:1.6;background:#f4f0fd;border-radius:12px;padding:16px}
#photoRegionTranslation:empty{display:none}
.photo-review-tag{display:inline-block;font-size:11px;padding:3px 6px;margin:4px 8px 4px 0;border-radius:4px;background:#fff1d6;color:#875718}
#photoTextWrap{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
#photoTextWrap>summary{cursor:pointer;font-size:14px;color:var(--muted)}
#photoTextWrap .note{margin-top:14px}
@media(max-width:650px){#photoCompare.compare{grid-template-columns:1fr}#photoCompare.compare #photoScroll{max-height:45vh}#photoCompare.compare #photoSide{max-height:45vh}#photo>.card{padding:16px!important}.photo-extra-controls .small{padding:9px 10px;font-size:12px}#photoPreviewWrap.photo-fullscreen #photoScroll{max-height:calc(100dvh - 220px)}}