.gwCameraModal[hidden]{display:none!important}
.gwCameraModal{position:fixed;inset:0;z-index:10000;background:#fff;display:grid;place-items:center;font-family:Arial,Helvetica,sans-serif;touch-action:none;overscroll-behavior:none}
.gwCameraPanel{width:min(940px,100vw);height:min(100dvh,980px);background:#fff;color:#202124;display:flex;flex-direction:column;overflow:hidden;touch-action:none;overscroll-behavior:none}
.gwCameraTop{height:58px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px;border-bottom:1px solid #e5e7eb}
.gwCameraBrand{font-size:16px;font-weight:600;letter-spacing:-.15px;color:#202124}
.gwFlipButton{width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#202124;cursor:pointer;touch-action:manipulation}
.gwFlipButton:active{background:#f1f3f4}
.gwFlipButton svg{width:25px;height:25px}
.gwCameraBody{min-height:0;flex:1;display:flex;flex-direction:column;padding:10px 18px calc(14px + env(safe-area-inset-bottom));overflow:hidden}
.gwVisionStage{position:relative;width:100%;flex:1;min-height:280px;background:#000;border-radius:16px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.gwVisionStage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform;transform-origin:50% 50%}
.gwVisionStage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.gwCameraFlash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:4}
.gwCameraFlash.flash{animation:gwFlash .22s ease-out}
@keyframes gwFlash{0%{opacity:0}25%{opacity:.9}100%{opacity:0}}
.gwMeter{flex:0 0 auto;padding:11px 2px 0}
.gwMeterLabels{display:flex;justify-content:space-between;align-items:center;margin:0 1px 7px;font-size:11px;font-weight:600;letter-spacing:.02em;color:#5f6368}
.gwMeterTrack{position:relative;height:4px;border-radius:999px;background:linear-gradient(90deg,#202124 0%,#5f6368 100%);box-shadow:0 0 0 1px #dadce0}
.gwMeterBall{position:absolute;left:0%;top:50%;width:17px;height:17px;border-radius:50%;background:#ea4335;border:3px solid #fff;box-shadow:0 2px 9px rgba(0,0,0,.5);transform:translate(-50%,-50%);transition:left 1.05s cubic-bezier(.2,.8,.2,1);will-change:left}
.gwDollarValue{text-align:center;margin-top:8px;min-height:31px;font-size:30px;line-height:35px;font-weight:700;letter-spacing:-.035em;color:#202124;font-variant-numeric:tabular-nums}
.gwCameraStatus{height:14px;flex:0 0 14px;text-align:center;font-size:11px;line-height:18px;color:#80868b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gwShutterDeck{height:102px;flex:0 0 102px;display:grid;grid-template-columns:1fr 82px 1fr;align-items:center;gap:24px;padding:8px 12px 12px;margin-top:3px}
.gwShutterLine{height:2px;background:#5f6368;border-radius:999px;opacity:.45}
.gwShutterButton{width:82px;height:82px;border-radius:50%;border:5px solid #fff;background:#fff;box-shadow:0 0 0 1px #c7c9cc;padding:7px;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;transition:transform .08s ease,opacity .15s}
.gwShutterButton:active{transform:scale(.95)}
.gwShutterButton:disabled{opacity:.45}
.gwShutterCenter{width:58px;height:58px;border-radius:50%;background:#e53935;display:block;box-shadow:0 0 0 1px rgba(0,0,0,.18) inset}
.gwCameraSpinner{display:inline-block;width:10px;height:10px;border:2px solid #dadce0;border-top-color:#5f6368;border-radius:50%;animation:gwSpin .8s linear infinite;vertical-align:-1px;margin-right:5px}
@keyframes gwSpin{to{transform:rotate(360deg)}}
html,body{max-width:100%;overflow-x:hidden;overscroll-behavior:none}
@media(min-width:700px){.gwCameraPanel{height:min(94vh,940px);border-radius:22px;box-shadow:0 26px 80px rgba(0,0,0,.55)}}
@media(max-width:699px){.gwCameraPanel{width:100vw;height:100dvh}.gwCameraTop{height:50px}.gwCameraBody{padding:6px 10px calc(10px + env(safe-area-inset-bottom))}.gwVisionStage{flex:0 1 auto;height:min(58dvh,470px);min-height:210px;border-radius:12px}.gwMeter{padding-top:9px}.gwMeterLabels{margin-bottom:6px}.gwDollarValue{font-size:27px;line-height:31px;min-height:31px;margin-top:8px}.gwCameraStatus{height:12px;flex-basis:12px;line-height:12px}.gwShutterDeck{height:96px;flex-basis:96px;grid-template-columns:1fr 76px 1fr;gap:22px;padding:8px 12px 10px;margin-top:5px}.gwShutterButton{width:76px;height:76px}.gwShutterCenter{width:54px;height:54px}}