/* Fill the viewport; stampPhoto matches this centered cover crop. */
#cam{--camera-accent:#ffda32;--camera-glass:rgba(12,18,24,.36);isolation:isolate;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;color:#fff;background:#000;padding:0}
body.camera-open{overflow:hidden}
#cam.on{display:block}
#cameraView{position:absolute;inset:0;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
#cam video{display:block;flex:initial;width:100%;height:100%;object-fit:cover;object-position:50% 50%;background:#000}
#camInfo{z-index:1;top:env(safe-area-inset-top);left:env(safe-area-inset-left);right:env(safe-area-inset-right);padding:12px 16px;font-size:12px;pointer-events:none;text-shadow:0 1px 3px #000;background:linear-gradient(rgba(0,0,0,.4),transparent)}
#cameraControls{position:absolute;z-index:2;bottom:env(safe-area-inset-bottom);left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));max-width:460px;max-height:calc(100% - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:0 auto;padding:8px;background:transparent;display:flex;flex-direction:column;gap:4px;overflow-y:auto;text-shadow:0 1px 3px #000}
#cameraControls>*{flex-shrink:0}
#zoomPresets{display:flex;gap:4px;align-items:center;justify-content:center;flex-wrap:wrap;min-height:48px}
#zoomPresets button{background:var(--camera-glass);color:#fff;min-width:44px;height:44px;border:1px solid rgba(255,255,255,.24);border-radius:50%;padding:4px;font-size:16px;font-weight:650;text-shadow:0 1px 3px #000;touch-action:manipulation}
#zoomPresets button[aria-pressed=true]{background:rgba(20,24,28,.48);color:var(--camera-accent);border-color:rgba(255,218,50,.85)}
#zoomFine{display:flex;gap:12px;align-items:center;width:100%;margin:0 auto;padding:0 8px;border-radius:22px;background:rgba(0,0,0,.24)}
#zoomFine[hidden]{display:none}#zoomSlider{padding:0;border:0;accent-color:var(--camera-accent);background:transparent;height:32px;min-width:0;touch-action:pan-x}
#zoomReadout{min-width:48px;font-variant-numeric:tabular-nums;text-align:right;font-size:14px;color:var(--camera-accent)}
#zoomHint{color:#fff;font-size:11px;text-align:center;margin:0;text-shadow:0 1px 3px #000}
#camBar{padding:4px 0;display:grid;grid-template-columns:1fr 80px 1fr;gap:16px;align-items:center;background:transparent}
#shutter{width:72px;height:72px;background:rgba(255,255,255,.16);border:4px solid rgba(255,255,255,.95);outline:2px solid rgba(0,0,0,.5);border-radius:50%;margin:4px;box-shadow:inset 0 0 0 3px rgba(0,0,0,.28);touch-action:manipulation}
#shutter:active{transform:scale(.94);background:rgba(255,255,255,.38)}#shutter:disabled{opacity:.35}
#closeCam,#flipCamera{color:#fff;background:var(--camera-glass);border:1px solid rgba(255,255,255,.35);border-radius:50%;width:48px;height:48px;padding:8px;justify-self:center;display:grid;place-items:center;text-shadow:0 1px 3px #000;touch-action:manipulation}
#closeCam{font-size:13px}#flipCamera svg{width:28px;height:28px}
#cameraMeta{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:8px;background:rgba(0,0,0,.32)}
#captureStatus{padding:0;background:none;font-size:11px;color:#fff;flex:1}#shotCount{font-size:12px;white-space:nowrap;max-width:none;color:#fff}
#lensTools{padding:0 8px;background:rgba(0,0,0,.26);border-radius:8px;font-size:12px;max-height:32dvh;overflow:auto}#lensTools summary{color:#fff;cursor:pointer;padding:8px 0;min-height:44px}
#lensTools[open]{background:rgba(12,18,24,.76)}#lensTools label{font-size:12px;color:#fff}#lensSelect{font-size:16px;background:rgba(20,26,32,.6);color:#fff;border:1px solid #aaa;padding:8px;min-height:44px}
#lensStatus{font-size:12px;color:#fff;margin:0;padding:4px 8px;border-radius:8px;background:rgba(0,0,0,.3);overflow-wrap:anywhere}
#cam :focus-visible{outline:3px solid var(--camera-accent);outline-offset:2px}
@media(orientation:landscape) and (max-height:600px){
 #cameraControls{left:auto;right:max(8px,env(safe-area-inset-right));top:env(safe-area-inset-top);bottom:env(safe-area-inset-bottom);width:248px;max-width:45%;max-height:none;margin:0;padding:8px;gap:4px;justify-content:safe center}
 #zoomPresets{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;justify-items:center;min-height:92px}
 #camBar{gap:8px;grid-template-columns:1fr 72px 1fr}#shutter{width:64px;height:64px}
 #cameraMeta{align-items:flex-start}#lensTools{max-height:45dvh}
 #zoomSlider{height:28px}#zoomHint{font-size:10px}#camInfo{max-width:calc(100% - 260px);font-size:11px}
}
@media(prefers-reduced-motion:no-preference){#shutter{transition:transform .1s}}