.camera-panel { position: fixed; top: max(12px, env(safe-area-inset-top)); right: max(12px, env(safe-area-inset-right)); z-index: 2; display: grid; justify-items: end; gap: 6px; font: 13px system-ui, sans-serif; color: #fff; cursor: default; }
.camera-panel button, .camera-panel small { color: inherit; background: #141922ed; padding: 7px 10px; border: 1px solid #929daf; }
.camera-panel button { cursor: pointer; font: inherit; }
.camera-panel small:empty { display: none; }

.camera-preview { position: fixed; right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); z-index: 2; width: clamp(110px, 22vw, 224px); overflow: hidden; background: #141922; border: 1px solid #929daf; pointer-events: none; }
.camera-preview video, .camera-preview canvas { display: block; width: 100%; transform: scaleX(-1); }
.camera-preview canvas { position: absolute; inset: 0; height: 100%; image-rendering: auto; }

.camera-panel small {margin-top:41px}
.camera-panel .camera-status-sr{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}