/* Native fullscreen and CSS immersive fallback share one camera-sized layout. */
.focus-exit{position:absolute;z-index:25;right:1%;top:1.2%;width:44px;height:44px;display:grid;place-items:center;border:1px solid #adc2d2;border-radius:50%;background:linear-gradient(#fff,#daeaf3);box-shadow:0 2px 5px #24405b33;color:#314f65;padding:10px;touch-action:manipulation}.focus-exit:active{box-shadow:inset 0 2px 4px #34536b44}.focus-exit:focus-visible{outline:3px solid #159cff;outline-offset:2px}
#focus-toolbar{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:140;width:min(90%,350px);text-align:center}#focus-hint{font:11px/1.4 Arial,sans-serif;color:#536c7c;background:#f4f6f8e8;border:1px solid #d6e1e8;border-radius:8px;padding:5px 9px}#dismiss-focus-hint{border:0;background:none;font-size:20px;min-width:35px;min-height:35px;color:inherit}
.camera-focused{overflow:hidden}.camera-focused body{overflow:hidden;padding:0}.camera-focused #studio{position:fixed;inset:0;z-index:100;width:100%;height:100dvh;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#edf1f4;display:flex!important;align-items:center;justify-content:center;overscroll-behavior:contain}
.camera-focused .site-header,.camera-focused .studio-heading,.camera-focused .workspace-title,.camera-focused .look-sidebar,.camera-focused .studio-footer,.camera-focused .orientation-hint,.camera-focused .camera-secondary,.camera-focused .settings-status,.camera-focused .camera-note,.camera-focused .filmstrip,.camera-focused #camera-actions-home,.camera-focused #status-home{display:none!important}
.camera-focused #studio>.studio-layout{display:block;width:100%;max-width:none;margin:0;padding:0}.camera-focused .camera-workspace{display:block;max-width:none;margin:0;padding:0}.camera-focused .rear-camera{width:min(calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 16px),calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 40px)*16/9));max-width:none;min-width:0;aspect-ratio:16/9;margin:0 auto;transform:none}
#focus-actions{position:absolute;inset:3%;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;gap:4px;background:#172633dd}#focus-actions[data-mode=review],#focus-actions[data-mode=countdown]{inset:auto 2% 11%;background:none;overflow:visible}#focus-actions .camera-actions{margin:0;gap:7px;justify-content:center}#focus-actions .primary-button:not(.flip-camera),#focus-actions .secondary-button:not(.sample-secondary){min-height:40px;min-width:0;padding:9px 14px;font-size:12px}#focus-actions .sample-secondary{flex-basis:100%;color:#e5f2fb;margin:0;min-height:28px;font-size:10px}#focus-actions .status:not(.error):not(.actionable){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#focus-actions .status.error,#focus-actions .status.actionable{position:static;width:auto;max-width:100%;min-height:0;margin:3px 0;color:#fff;font:12px/1.3 Arial,sans-serif;text-shadow:0 1px #000}#focus-actions[data-mode=countdown]{z-index:14}
@media(orientation:landscape){.camera-focused #focus-toolbar{display:none}.camera-focused .settings-panel:not(.regular-settings){font-size:clamp(12px,3cqw,20px)}.camera-focused .settings-panel:not(.regular-settings) .setting-row{min-height:34px}.camera-focused .settings-panel:not(.regular-settings) .secondary-button{font:inherit;min-height:29px}}
@media(prefers-reduced-motion:reduce){.camera-focused *{scroll-behavior:auto}}