.scanner-root{--scanner-safe-top:env(safe-area-inset-top,0px);--scanner-app-header:calc(3.5rem + var(--scanner-safe-top));--scanner-bottom-nav:5.5rem;--scanner-safe-bottom:env(safe-area-inset-bottom,0px);--scanner-frame-width:min(86vw, 320px);--scanner-frame-max-height:min(68vh, 520px);--scanner-frame-aspect:2.5 / 3.5;--scanner-pricing-toggle-width:min(22rem, 100%);--scanner-controls-bottom:max(5rem, calc(var(--scanner-safe-bottom) + 4.5rem));--scanner-result-panel-bottom:max(9.5rem, calc(var(--scanner-safe-bottom) + 8.5rem))}.scanner-root input,.scanner-root textarea,.scanner-root select{touch-action:manipulation;-webkit-text-size-adjust:100%;line-height:1.25;font-size:16px!important}@media (max-width:767px){html.scanner-lock,html.scanner-lock body{overscroll-behavior:none;width:100%;height:100%;position:fixed;top:0;left:0;right:0;overflow:hidden!important}html:has(.scanner-root){overscroll-behavior:none;width:100%;height:100%;position:fixed;top:0;left:0;right:0;overflow:hidden!important}html:has(.scanner-root) body{overscroll-behavior:none;width:100%;height:100%;position:fixed;top:0;left:0;right:0;overflow:hidden!important}}@media (min-width:768px){.scanner-root{--scanner-frame-width:min(72vw, 280px);--scanner-frame-max-height:min(58vh, 520px)}}@supports (height:100svh){.scanner-root{--scanner-frame-max-height:min(68svh, 520px)}@media (min-width:768px){.scanner-root{--scanner-frame-max-height:min(58svh, 520px)}}}.scanner-mobile-shell{left:0;right:0;top:var(--scanner-app-header);bottom:calc(var(--scanner-bottom-nav) + var(--scanner-safe-bottom));z-index:20;overscroll-behavior:none;touch-action:manipulation;-webkit-overflow-scrolling:auto;flex-direction:column;height:auto;min-height:0;display:flex;position:fixed;overflow:hidden}.scanner-camera-stage{flex:1 1 0;min-height:0;position:relative;overflow:hidden}@media (max-width:767px){.scanner-mobile-shell .scanner-camera-stage{flex:none;width:100%;height:100%;position:absolute;inset:0}.scanner-mobile-shell .scanner-viewport-host{flex:none;width:100%;height:100%;min-height:0;position:absolute;inset:0}}.scanner-viewport-host{background:#000;flex:auto;min-height:0;position:relative;overflow:hidden}.scanner-video{object-fit:cover;object-position:center;z-index:0;touch-action:none;width:100%;height:100%;min-height:0;display:block;position:absolute;inset:0;transform:translateZ(0)}.scanner-video-mirror{transform:translateZ(0)scaleX(-1)}@media (min-width:768px){.scanner-mobile-shell{z-index:auto;touch-action:auto;display:block;position:static;top:auto;bottom:auto;overflow:visible}.scanner-viewport-host{aspect-ratio:4/3;border-radius:.75rem;height:auto;max-height:520px;position:relative}.scanner-video{aspect-ratio:4/3;height:auto;max-height:520px;position:relative;inset:auto}}.scanner-frame{box-sizing:border-box;aspect-ratio:var(--scanner-frame-aspect);width:var(--scanner-frame-width);max-height:var(--scanner-frame-max-height);border-width:2px;border-radius:1rem;transition:border-color .3s;position:relative}.scanner-pricing-toggle-wrap{width:100%;max-width:var(--scanner-pricing-toggle-width);margin-inline:auto}