/* Capture actions stay next to the state picker in both viewer modes. */
.workspaceApp #viewer{container-type:inline-size}
.workspaceApp .imageBottomBar{display:grid;grid-template-columns:minmax(0,1fr) 38px 38px auto;gap:6px;min-width:0}
.workspaceApp .imageBottomBar .imagePill{width:100%;min-height:38px;line-height:1.35}
.workspaceApp .imageBottomBar .imageAddBtn{display:grid;place-items:center;width:38px;min-height:38px;padding:8px;border:1px solid #c4d8fa;border-radius:9px;background:#edf4ff;color:#155edb;box-shadow:none;touch-action:manipulation}
.imageAddBtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.workspaceApp .imageAddBtn:hover:not(:disabled){background:#dceaff;border-color:#78a7f5;transform:translateY(-1px)}
.workspaceApp .imageAddBtn:focus-visible{outline:3px solid #a9c9ff;outline-offset:2px}
.workspaceApp .imageAddBtn:disabled{opacity:.4;cursor:not-allowed}
.workspaceApp .imageBottomBar .imageDeleteBtn{min-height:38px;align-self:stretch}
.workspaceApp .hasEmptyPhotoPoint .imageAddBtn:not(:disabled){background:#155ef0;color:#fff;border-color:#155ef0;box-shadow:0 3px 10px #155ef021}
.workspaceApp .hasEmptyPhotoPoint .imageAddBtn:hover:not(:disabled){background:#104fce}
#emptyPhotoPoint[hidden],#emptyPhotoArrow[hidden]{display:none!important}
#emptyPhotoPoint{position:absolute;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;padding:24px 24px 70px;overflow:auto;background:radial-gradient(ellipse at 20% 20%,#eaf2ff 0,transparent 60%),radial-gradient(ellipse at 90% 95%,#ecf6ff 0,transparent 55%),#f8faff;touch-action:pan-y;user-select:text}
#emptyPhotoPoint::before{content:'';position:absolute;inset:18px;border:1px dashed #c9daf2;border-radius:20px;pointer-events:none}
.emptyPhotoCard{position:relative;width:min(100%,480px);margin:auto;text-align:center;color:#1e3e6b}
.emptyPhotoArt{width:90px;margin:0 auto 20px;color:#2563eb}
.emptyPhotoArt svg{display:block;width:100%;filter:drop-shadow(0 6px 12px #2968cb12)}
.emptyPhotoPointName{font-size:11px;font-weight:600;letter-spacing:.04em;color:#5273a1;overflow-wrap:anywhere;margin:0 0 12px}
#emptyPhotoTitle{font-size:clamp(22px,3cqw,30px);line-height:1.15;letter-spacing:-.035em;font-weight:750;margin:0 0 15px;color:#1b3d6c}
#emptyPhotoText{font-size:14px;line-height:1.75;color:#647d9f;margin:0 auto;max-width:420px}
#emptyPhotoGuide{font-size:12px;line-height:1.6;color:#1b61d5;font-weight:600;margin:22px 0 0}
#emptyPhotoArrow{position:absolute;inset:0;width:100%;height:100%;z-index:6199;pointer-events:none;fill:none;stroke:#3478ed;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.workspaceApp .hasEmptyPhotoPoint .half,.workspaceApp .hasEmptyPhotoPoint #divider,.workspaceApp .hasEmptyPhotoPoint #wipeSlider,.workspaceApp .hasEmptyPhotoPoint .paneLoadIndicator{visibility:hidden}
.workspaceApp .hasEmptyPhotoPoint #canvasWrap{touch-action:pan-y;user-select:text}
@container (max-width:620px){
 .workspaceApp .imageBottomBar{grid-template-columns:38px 38px minmax(0,1fr);gap:5px;padding:6px}
 .workspaceApp .imageBottomBar .imagePill{grid-column:1/-1;white-space:normal;min-height:46px;font-size:11px}
 .workspaceApp .imageBottomBar .imageDeleteBtn{justify-self:end;font-size:11px}
 #emptyPhotoPoint{padding:22px 24px 65px}
 .emptyPhotoArt{width:72px;margin-bottom:18px}
 #emptyPhotoText{font-size:13px;line-height:1.7}
}
@media(max-height:560px){
 #emptyPhotoPoint{padding:14px 24px}
 #emptyPhotoPoint::before{inset:8px;border-radius:12px}
 .emptyPhotoArt{display:none}
 .emptyPhotoPointName{margin-bottom:5px;font-size:10px}
 #emptyPhotoTitle{font-size:19px;margin-bottom:7px}
 #emptyPhotoText{font-size:12px;line-height:1.45;max-width:580px}
 #emptyPhotoGuide{font-size:11px;margin-top:8px}
}