.cameraOpen{min-height:48px;width:100%;margin:4px 0 8px}.cameraModal{position:fixed;inset:0;z-index:1000;background:#112b42dd;overflow:auto;padding:12px;display:grid;place-items:center}.cameraPanel{background:#fff;color:#17324d;border-radius:16px;padding:16px;width:min(100%,720px);max-height:calc(100dvh - 24px);overflow:auto}.cameraHead{display:flex;justify-content:space-between;align-items:center;gap:12px}.cameraHead h2{margin:0}.cameraStage{position:relative;margin:10px auto;background:#142331;overflow:hidden;border-radius:12px;min-height:180px}.cameraStage video,.cameraStage canvas{display:block;width:100%;height:100%;object-fit:contain}.cameraGuide{position:absolute;left:12%;top:31%;width:76%;height:38%;border:3px solid #ffdf65;border-radius:10px;box-shadow:0 0 0 999px #0005;display:grid;place-items:end center;pointer-events:none}.cameraGuide.odo{left:12%;top:36%;width:76%;height:28%}.cameraGuide span{color:#132d43;background:#ffe894;border-radius:7px;padding:3px 8px;font-weight:750;font-size:14px}.cameraControls{display:flex;gap:9px;flex-wrap:wrap}.cameraControls button{flex:1;min-width:120px}.cameraControls .primary{width:auto}#cameraStill[hidden],#cameraVideo[hidden]{display:none!important}@media(max-width:420px){.cameraPanel{padding:12px}.cameraGuide span{font-size:12px}}