/* Camera-only overrides. Keep the normal editor shell unchanged. */
body.camera-monitor-active :is(#studioHomeButton,#shotPlannerAnimationButton,#shotPlannerRenderButton,#assetsMenu,#shotPanelToggle,#panelToggle){display:none!important}
body.camera-monitor-active #cameraViewUiToggle{z-index:80;min-height:36px;display:block}
body.camera-monitor-active #cameraViewUiShowButton{z-index:80;min-height:36px}
body.camera-monitor-clean :is(#cameraViewToolbar,#cameraViewIndicator,#cameraViewUiToggle,#cameraViewExitButton,#cameraViewHelpButton){display:none!important}
body.camera-monitor-clean #cameraViewUiShowButton{display:block!important;background:#101113d9;color:#fff;border:1px solid #ffffff50}
@media(max-width:900px),(pointer:coarse) and (max-height:600px){
  body.camera-monitor-active #cameraViewExitButton,
  body.camera-monitor-active #cameraViewUiToggle,
  body.camera-monitor-active #cameraViewUiShowButton{position:fixed;top:max(6px,env(safe-area-inset-top));bottom:auto;transform:none;width:auto;min-height:36px;margin:0;padding:5px 9px;font-size:10px;line-height:1.2;letter-spacing:.03em;border:1px solid #ffffff30;border-radius:3px;background:#101113db;color:#eee;z-index:80}
  body.camera-monitor-active #cameraViewExitButton{left:max(8px,env(safe-area-inset-left));right:auto;max-width:110px}
  body.camera-monitor-active #cameraViewUiToggle,
  body.camera-monitor-active #cameraViewUiShowButton{right:max(8px,env(safe-area-inset-right));left:auto;max-width:104px}
  body.camera-monitor-active #cameraViewIndicator{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;right:auto;bottom:auto;transform:translateX(-50%);max-width:calc(100vw - 240px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 5px;font:600 10px/1.5 monospace;letter-spacing:.08em;background:#101113c9;border:0;pointer-events:none;z-index:70}
  body.camera-monitor-active #cameraViewHelpButton{display:none!important}
  body.camera-monitor-active #cameraViewToolbar{position:fixed;top:auto!important;bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));right:calc(70px + env(safe-area-inset-right));width:auto;max-width:none;transform:none;margin:0;padding:3px 5px;border:1px solid #ffffff25;border-radius:4px;background:#101113e6;box-shadow:none;z-index:70}
  body.camera-monitor-active #cameraViewToolbar .toolbarRow{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;max-height:52px;scrollbar-width:thin;scrollbar-color:#666 transparent;-webkit-overflow-scrolling:touch}
  body.camera-monitor-active #cameraViewToolbar .toolbarGroup{display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:3px;margin:0;padding:0 6px 0 0;border:0;border-right:1px solid #ffffff20}
  body.camera-monitor-active #cameraViewToolbar button{width:auto;min-width:34px;min-height:38px;margin:0;padding:4px 6px;font-size:10px;line-height:1.2;white-space:nowrap;border:0;background:transparent;color:#ddd}
  body.camera-monitor-active #cameraViewToolbar button.active{color:#f0cf79;background:#d9ad4820}
  body.camera-monitor-active #cameraViewToolbar :is(.toolbarLabel,.toolbarFocalValue){font:600 10px/1.2 monospace;white-space:nowrap}
  body.camera-monitor-active #phoneCameraControlStatus{max-width:140px;white-space:normal}
  body.camera-monitor-active #cameraShutterButton{top:auto;bottom:max(8px,env(safe-area-inset-bottom));right:max(10px,env(safe-area-inset-right));left:auto;transform:none;width:48px;height:48px;min-width:48px;border-width:3px;z-index:75}
  body.camera-monitor-active #cameraZoomControl{top:auto;bottom:calc(70px + env(safe-area-inset-bottom));left:50%;right:auto;transform:translateX(-50%);width:min(210px,55vw);height:28px;padding:0 20px;border-radius:4px;background:#101113b8;z-index:70}
  body.camera-monitor-active #cameraZoomSlider{position:absolute;left:20px;right:20px;top:0;width:calc(100% - 40px);height:28px;transform:none;margin:0;accent-color:#d9ad48}
  body.camera-monitor-active #cameraZoomControl::before{left:auto;right:6px;top:3px;transform:none;font-size:14px}
  body.camera-monitor-active #cameraZoomControl::after{left:7px;right:auto;top:3px;bottom:auto;transform:none;font-size:14px}
}

/* Essential capture controls stay available in the clean camera view. */
body.camera-monitor-clean #mobileCameraMoveControl{width:80px;height:80px;left:max(12px,env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));border:2px solid #55aaff;background:#1263a859;touch-action:none;z-index:80}
body.camera-monitor-clean #mobileCameraMoveStick{width:42px;height:42px;background:#258cf5;border:2px solid #b5ddff;box-shadow:0 2px 12px #087ce877}
@media(max-width:900px),(pointer:coarse) and (max-height:600px){
  body.camera-monitor-clean #cameraZoomControl{width:min(180px,calc(100vw - 210px));bottom:calc(20px + env(safe-area-inset-bottom));padding:0 20px}
}