#app.native-camera,#app.native-camera #native-root{background:#000;color:#fff}.ca-app{height:100%;position:relative;display:flex;flex-direction:column}.ca-app>header{display:flex;align-items:center;justify-content:space-between;padding:9px 16px 15px;gap:10px}.ca-app>header button{font-size:22px;color:white!important;padding:0}.ca-app>header span{font-size:7px;line-height:1.5;color:#aaa;text-align:center;flex:1}.ca-view{position:relative;flex:1;min-height:0;background:#111;overflow:hidden}.ca-canvas{width:100%!important;height:100%!important;display:block;object-fit:cover}.ca-focus{position:absolute;left:calc(50% - 28px);top:calc(50% - 28px);width:56px;height:56px;border:1px solid #f4d27970;pointer-events:none}.ca-grid{position:absolute;inset:0;display:none;background:linear-gradient(90deg,transparent 33%,#ffffff44 33%,#ffffff44 33.3%,transparent 33.3%,transparent 66%,#ffffff44 66%,#ffffff44 66.3%,transparent 66.3%),linear-gradient(0deg,transparent 33%,#ffffff44 33%,#ffffff44 33.3%,transparent 33.3%,transparent 66%,#ffffff44 66%,#ffffff44 66.3%,transparent 66.3%);pointer-events:none}.ca-view.grid .ca-grid{display:block}.ca-record-time{position:absolute;top:15px;left:0;right:0;text-align:center;color:#fc8585;font-size:11px}.ca-zoom{display:flex;justify-content:center;gap:13px;padding:12px}.ca-zoom button{font-size:11px;color:#a5a5a5!important;padding:5px!important;border-radius:50%}.ca-zoom .selected{color:#f3d266!important;background:#262626!important}.ca-app nav{display:flex;justify-content:center;gap:30px;padding:4px 0 15px}.ca-app nav button{font-size:10px;letter-spacing:1px;color:#aaa!important;padding:0}.ca-app nav .selected{color:#f3d266!important}.ca-app>footer{display:flex;align-items:center;justify-content:space-around;padding:0 15px 12px}.ca-app>footer>button{color:white!important;font-size:25px;padding:0}.ca-gallery{display:grid;place-items:center;width:35px;height:35px;border:1px solid #777!important;border-radius:6px;overflow:hidden}.ca-gallery img{width:100%;height:100%;object-fit:cover}.ca-shutter{width:62px;height:62px;border:4px solid #fff!important;border-radius:50%;background:#fff!important;box-shadow:inset 0 0 0 3px #000}.ca-shutter.video{background:#e66666!important}.ca-shutter.recording{border-radius:17px;background:#e66666!important}.ca-hint{display:block;text-align:center;font-size:7px;color:#777;line-height:1.5;padding:0 16px 4px}.ca-app.flash:after{content:'';position:absolute;inset:0;background:#fff;pointer-events:none}.screen:has(.native-camera:not(.hidden)) .status{color:#fff!important}.native-camera~#gesture{background:white}