.camera-preview-dock{position:fixed;z-index:45;bottom:max(12px,env(safe-area-inset-bottom));right:12px;width:min(330px,calc(100vw - 24px));padding:8px 12px;border:1px solid #607168;border-radius:16px;background:#18251e;color:#f2f5f0;box-shadow:0 8px 36px #0008}.camera-preview-dock-heading{display:flex;align-items:center;gap:4px;font-size:13px}.camera-preview-dock-heading strong{flex:1 1}.camera-preview-dock-heading button{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.camera-preview-dock button:focus-visible{outline:2px solid #ffbf75;outline-offset:2px}.camera-preview-dock .photo-focus-surface:focus-visible{outline-offset:-4px}.camera-preview-dock-image{position:relative;width:min(100%,240px);aspect-ratio:3/2;margin:auto;overflow:hidden;border-radius:6px;background:#0c110e}.camera-preview-dock-image canvas{display:block;width:100%;height:100%}.camera-preview-dock-image>p{padding:22px;font-size:13px}.camera-preview-dock-image .focus-bracket{width:24px;height:24px}.camera-preview-dock-help{font-size:11px;line-height:1.4;margin:6px 0 0}.camera-preview-dock-values{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:5px 0 2px}@media (max-width:1100px){[data-camera-practice]{padding-bottom:300px}[data-camera-practice] :is(input,select,button){scroll-margin-bottom:300px;scroll-margin-top:24px}}@media (min-width:1101px){.camera-preview-dock{display:none}}@media (max-width:760px){[data-photo-lab]{padding-bottom:300px}.lab-layout[data-photo-lab] :is(input,select,button,summary){scroll-margin-bottom:300px;scroll-margin-top:24px}}@media (min-width:761px){.camera-preview-dock[data-preview-scope=lab]{display:none}}