.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:7.75rem;--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-match-pill-top:3.35rem}@media (min-width:768px){.scanner-root{--scanner-frame-width:min(72vw, 280px);--scanner-frame-max-height:min(58vh, 520px);--scanner-match-pill-top:3.75rem}}@supports (height:100dvh){.scanner-root{--scanner-frame-max-height:min(68dvh, 520px)}@media (min-width:768px){.scanner-root{--scanner-frame-max-height:min(58dvh, 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;min-height:0;height:calc(100dvh - var(--scanner-app-header) - var(--scanner-bottom-nav) - var(--scanner-safe-bottom));overscroll-behavior:none;touch-action:none;-webkit-overflow-scrolling:auto;flex-direction:column;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;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,box-shadow .3s;position:relative}.scanner-pricing-toggle-wrap{width:100%;max-width:var(--scanner-pricing-toggle-width);margin-inline:auto}