:root{color:#eaf2f5;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10171c;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;line-height:1.7}*{box-sizing:border-box}body{margin:0}button,select,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;text-align:center;border:1px solid #40505a;border-radius:7px;width:100%;min-height:48px;padding:11px 16px;font-weight:600;transition:background .15s}button:disabled{opacity:.36;cursor:not-allowed}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #83e7ff}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}.app{max-width:1180px;margin:auto;padding:28px 40px}.masthead{border-bottom:1px solid #2c3840;justify-content:space-between;align-items:center;gap:16px;padding-bottom:22px;display:flex}.brand{letter-spacing:.14em;font-size:.875rem;font-weight:700}.brand span{color:#9bafb9;font-weight:400}.heading{justify-content:space-between;align-items:end;gap:24px;margin:30px 0 25px;display:flex}.eyebrow{color:#9cbbc9;letter-spacing:.12em;margin:0 0 12px;font-size:.75rem;font-weight:600}h1{letter-spacing:.01em;margin:0;font-size:clamp(1.55rem,3vw,2rem);line-height:1.4}.intro{color:#afc1ca;margin:0;font-size:.875rem}.workspace{grid-template-columns:250px minmax(0,1fr);grid-template-areas:"controls view";align-items:start;gap:28px;display:grid}.view-panel{background:#0b1014;border:1px solid #34424b;border-radius:10px;overflow:hidden}.view-top,.view-bottom{color:#9db3bf;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;font-size:.75rem;display:flex}.view-panel{grid-area:view}.view-top{flex-wrap:wrap;align-items:center}.view-meta{flex-direction:column;justify-content:center;gap:1px;min-width:0;display:flex}.view-actions{grid-template-columns:minmax(112px,.9fr) minmax(150px,1.2fr) minmax(122px,1fr);align-items:center;gap:8px;width:min(100%,470px);margin-left:auto;display:grid}.scan-action-slot{min-width:0}.view-action{justify-content:center;align-items:center;gap:12px;width:auto;height:48px;min-height:48px;margin:0;padding:8px 14px;display:flex}.scan-action-slot .view-action{width:100%}#view-label{color:#d0e1e9;font-size:.875rem}#view-format,#scan-direction-label{white-space:nowrap}.viewfinder{aspect-ratio:4/3;background:#151f27;position:relative;overflow:hidden}canvas{width:100%;height:100%;display:block}.empty{text-align:center;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:40px 40px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.view-icon{color:#68def4;border:1px solid #426573;border-radius:12px;place-items:center;width:58px;height:58px;margin-bottom:14px;font-size:2rem;font-weight:200;display:grid}h2{margin:5px 0;font-size:1rem;font-weight:600}.empty p{color:#a9bdc9;font-size:.875rem}.scan-line{pointer-events:none;transform-origin:50%;z-index:2;background:#61e6ff;width:220%;height:3px;position:absolute;box-shadow:0 0 18px #61e6ffaa}progress{accent-color:#68def4;background:#293942;border:none;border-radius:2px;width:100%;height:4px}progress::-webkit-progress-bar{background:#293942}progress::-webkit-progress-value{background:#68def4}progress::-moz-progress-bar{background:#68def4}#percent{text-align:right;min-width:4ch}.controls{flex-direction:column;grid-area:controls;gap:22px;padding:3px 0;display:flex}.controls>div+div{border-top:1px solid #34424b;padding-top:20px}.select-label,.direction-fieldset legend{color:#c7d8e0;margin:0 0 7px;font-size:.8125rem;font-weight:600;display:block}select{color:#e7f3f8;width:100%;min-height:46px;font:inherit;background:#1c2932;border:1px solid #40505a;border-radius:7px;padding:9px 38px 9px 12px;font-size:.875rem}select:disabled{opacity:.45}.setting-note{color:#91aab7;min-height:2.8em;margin:7px 0 12px;font-size:.75rem;line-height:1.4}.direction-fieldset{border:0;min-width:0;margin:0 0 16px;padding:0}.direction-grid{grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);justify-content:center;gap:6px;display:grid}.direction-button{color:#b9d0db;background:#18242c;border-radius:9px;min-height:48px;padding:0;font-size:1.45rem;line-height:1}.direction-button[aria-checked=true]{color:#09222b;background:#7ce6f6;border-color:#7ce6f6;box-shadow:0 0 0 2px #10171c,0 0 0 3px #7ce6f6}.direction-button:not(:disabled):hover{background:#2c414e}.direction-button[aria-checked=true]:not(:disabled):hover{background:#b3f3ff}.direction-center{background:#526975;border-radius:50%;place-self:center;width:6px;height:6px}.finish-label{margin-top:14px}.primary{color:#09222b;background:#7ce6f6;border-color:#7ce6f6;justify-content:space-between;align-items:center;margin:16px 0 10px;display:flex}.view-action.primary{justify-content:center;margin:0}.primary:not(:disabled):hover{background:#b3f3ff}.secondary{color:#e7f3f8;background:#1c2932}.secondary:not(:disabled):hover{background:#2c414e}.text-button{color:#a7c0ce;background:0 0;border-color:#0000;min-height:44px;margin-top:4px;font-size:.875rem}.spec{color:#a9bdc9;justify-content:space-between;padding:4px 0;font-size:.875rem;display:flex}.spec strong{color:#e0ebf1;font-weight:500}.hint{color:#a9bdc9;margin:10px 0 0;font-size:.875rem}#download{color:#7ce6f6;margin:-12px 0 18px 16px;font-size:.875rem;display:block}.status{color:#cee0ea;background:#101820;border-top:1px solid #26343d;border-left:2px solid #68def4;min-height:40px;margin:0;padding:8px 18px;font-size:.8125rem}footer{color:#9db3bf;align-items:baseline;gap:9px;padding:4px 0 16px;font-size:.875rem;display:flex}.privacy-dot{background:#7cdcc3;border-radius:50%;flex-shrink:0;width:6px;height:6px}@media (width<=800px){.app{padding:20px}.heading{margin:24px 0;display:block}.intro{margin-top:12px}.workspace{grid-template-columns:1fr;grid-template-areas:"view""controls";gap:22px}.controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.controls>div+div{border:0;padding-top:0}.direction-grid{grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,minmax(44px,52px))}}@media (width<=580px){.app{padding:18px 16px}.controls{gap:20px;display:flex}.controls>div+div{border-top:1px solid #34424b;padding-top:20px}.view-top{flex-direction:column;gap:9px;padding:10px 12px 12px}.status{padding-inline:12px}.view-meta{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%}.view-actions{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1fr);width:100%}.view-action{gap:5px;width:100%;min-width:0;padding-inline:6px;font-size:.75rem}.brand{letter-spacing:.07em}}@media (prefers-reduced-motion:reduce){button{transition:none}}