/* Identical ready-to-capture stage in Pro app and Pro debug. */
:root { --sb-camera-head: calc(72px + env(safe-area-inset-top)); --sb-camera-foot: calc(211px + env(safe-area-inset-bottom)); }
.pro-app-shell .photo-mode-header { height: var(--sb-camera-head); min-height: var(--sb-camera-head); flex: 0 0 var(--sb-camera-head); }
.pro-app-shell .photo-actions { min-height: var(--sb-camera-foot); justify-content: center; }
.pro-app-shell .scan-bracket { box-sizing: border-box; border-width: 2px; border-radius: 10px; }
.pro-app-shell .scan-bracket.detected { border-width: 2px; }
.pro-app-shell #live-hint { max-width: calc(100% - 24px); box-sizing: border-box; white-space: normal; word-break: keep-all; text-align: center; font-size: 14px; line-height: 1.35; padding: 6px 12px; }
@media (max-height: 600px) {
    :root { --sb-camera-head: calc(64px + env(safe-area-inset-top)); --sb-camera-foot: calc(180px + env(safe-area-inset-bottom)); }
    .pro-app-shell .photo-actions { gap: 6px; padding: 8px 12px calc(10px + env(safe-area-inset-bottom)); }
    .pro-app-shell .photo-actions .action-btn, .pro-app-shell .photo-actions .cancel-btn { min-height: 44px; padding: 8px; }
}