@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";.header-actions{display:flex;align-items:flex-start;gap:10px}.lang-toggle{height:39px;padding:8px 10px;color:#777f8c;font:11px DM Mono;white-space:nowrap}.lang-toggle span{color:#646c79}.lang-toggle span.selected{color:#fff;font-weight:600}.lang-toggle i{font-style:normal;color:#414752}.segmented{display:grid!important;grid-template-columns:1fr 1fr;gap:4px!important;padding:4px;background:#0c0f14;border:1px solid #303641;border-radius:9px}.segmented button{border:0;background:transparent;padding:8px}.segmented button.active{background:#2b3039;color:#fff;box-shadow:0 1px 5px #0007}.file-picker{position:relative;min-height:132px;border:1px dashed #424954;border-radius:10px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px!important;padding:18px;text-align:center;cursor:pointer}.file-picker svg{color:#ee5c42}.file-picker strong{color:#dfe4ec;max-width:100%;overflow:hidden;text-overflow:ellipsis}.file-picker small{color:#737c8b;font-weight:400;line-height:1.5}.file-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.controls label small,.capacity small{color:#737c8b;font-weight:400;line-height:1.5}.capacity{display:flex;flex-direction:column;gap:8px}.capacity>span{display:flex;justify-content:space-between;color:#b8bec9;font-size:12px}.capacity strong{font:11px DM Mono;font-weight:500}.capacity progress{width:100%;height:6px;border:0;border-radius:999px;overflow:hidden;background:#272c35}.capacity progress::-webkit-progress-bar{background:#272c35}.capacity progress::-webkit-progress-value{background:#ee5c42}.capacity progress::-moz-progress-bar{background:#ee5c42}.check{min-height:40px;padding:0 2px;gap:9px!important}.check input{width:17px;height:17px;margin:0;accent-color:#ee5c42}.check span{color:#b8bec9!important;font-weight:600!important}.preview{padding:18px 0}.preview-media{position:relative;width:100%;max-height:500px}.preview-media img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.preview-media .overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.binary-result{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 18px}.binary-result strong{font-size:16px}.binary-result button{flex:none}@media(max-width:800px){main{padding:14px}.workspace{padding-top:14px}.panel{border-radius:12px}.controls{padding:18px;gap:18px}.stage{min-height:460px;padding:18px}header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.brand{min-width:0}.brand p{line-height:1.45}.header-actions{display:contents}.lang-toggle{grid-column:2;grid-row:1}.header-actions nav{grid-column:1 / -1;grid-row:2;width:100%}.camera-actions{flex-direction:row}.canvas{padding:14px 0;min-height:300px}.metrics>div{min-width:80px}.actions{width:100%}.actions button{flex:1}.preview{padding:12px 0}.binary-result{align-items:stretch;flex-direction:column}footer{gap:12px;line-height:1.5}}.decode-stage,.decode-stage .preview{min-width:0;overflow:hidden}.decode-stage .preview-media{position:relative;display:inline-block;width:auto;max-width:100%;max-height:min(54vh,560px);line-height:0}.decode-stage .preview-media img{display:block;width:auto;height:auto;max-width:100%;max-height:min(54vh,560px);object-fit:contain}.decode-stage .preview-media .overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.result{min-width:0}.result>strong{overflow-wrap:anywhere;max-height:13rem;overflow:auto}.camera{display:flex;flex-direction:column;gap:9px}.camera-view{width:100%;aspect-ratio:4/3;max-height:42vh;display:grid;place-items:center;overflow:hidden;background:#090b0e;border:1px solid #272d36;border-radius:10px;color:#424a57}.camera-view video{display:block;width:100%;height:100%;min-height:0;margin:0;object-fit:cover}.camera small{color:#737c8b;line-height:1.5}.camera-actions button:disabled{opacity:.42;cursor:not-allowed}@media(max-width:800px){.camera-view{max-height:38vh}.decode-stage{min-height:390px}.decode-stage .preview{padding:12px 0;flex:none;max-height:52vh}.decode-stage .preview-media,.decode-stage .preview-media img{max-height:48vh}}.camera-view{position:relative}.scan-frame{position:absolute;top:13%;right:13%;bottom:13%;left:13%;border:1px solid #ffffff70;clip-path:polygon(0 0,25% 0,25% 2px,2px 2px,2px 25%,0 25%,0 0,75% 0,100% 0,100% 25%,calc(100% - 2px) 25%,calc(100% - 2px) 2px,75% 2px,75% 0,100% 75%,100% 100%,75% 100%,75% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 75%,100% 75%,25% 100%,0 100%,0 75%,2px 75%,2px calc(100% - 2px),25% calc(100% - 2px),25% 100%);box-shadow:0 0 0 999px #0003}.scan-frame:after{content:"";position:absolute;left:5%;right:5%;top:10%;height:2px;background:#63e6be;box-shadow:0 0 12px #63e6be;animation:scan-line 2.2s ease-in-out infinite}.scan-button{width:100%}.scan-button.active{border-color:#ee5c42;color:#ff9b89}.scan-status{display:flex;align-items:center;gap:8px;margin:0;color:#8ddbc7;font:11px DM Mono}.scan-status i{width:7px;height:7px;border-radius:50%;background:#63e6be;box-shadow:0 0 9px #63e6be;animation:scan-pulse 1.2s ease-in-out infinite}@keyframes scan-line{0%,to{top:10%}50%{top:88%}}@keyframes scan-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.scan-frame:after,.scan-status i{animation:none}}.decode-stage .preview{flex:none;width:100%;display:grid;place-items:center}.decode-stage .preview-media{flex:none;max-width:min(100%,440px)!important;overflow:hidden;background:#090b0e;border:1px solid #272d36;border-radius:10px}.decode-stage .preview-media img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.decode-progress{display:flex;flex-direction:column;gap:8px;padding:11px 12px;background:#0c1517;border:1px solid #23413e;border-radius:9px}.decode-progress header{height:auto;padding:0;border:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#b9ddd6;font-size:12px}.decode-progress header strong{font:11px DM Mono;color:#63e6be}.decode-progress progress{width:100%;height:7px;border:0;border-radius:999px;overflow:hidden;background:#263034}.decode-progress progress::-webkit-progress-bar{background:#263034}.decode-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#2da88d,#63e6be)}.decode-progress progress::-moz-progress-bar{background:#63e6be}.decode-progress small{color:#79928e;font:10px DM Mono;line-height:1.5;overflow-wrap:anywhere}.decode-error{display:flex;flex-direction:column;gap:7px;margin:0}.decode-error strong{font-size:12px;line-height:1.45}.decode-error small{color:#c77e86;line-height:1.5}@media(max-width:800px){.decode-stage .preview-media{max-width:min(100%,320px)!important}}:root{font-family:Inter,system-ui,sans-serif;color:#ecf0f6;background:#0a0c10;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -20%,#232b3a 0,transparent 40%),#0a0c10}button,textarea,select,input{font:inherit}button{color:inherit}main{min-height:100vh;max-width:1480px;margin:auto;padding:28px 34px}header{height:78px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #282d36}.brand{display:flex;gap:13px}.mark{width:42px;height:42px;display:grid;place-items:center;background:#ee5c42;color:#111318;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}h1{font-size:19px;margin:1px 0 5px;letter-spacing:-.02em}.brand p,.empty p{margin:0;color:#777f8c;font:12px DM Mono}nav{display:flex;background:#12151b;border:1px solid #292e37;border-radius:10px;padding:4px}nav button{border:0;background:transparent;padding:9px 24px;border-radius:7px;color:#8a919e;cursor:pointer}nav button.active{background:#2b3039;color:#fff;box-shadow:0 1px 7px #0006}.workspace{display:grid;grid-template-columns:minmax(300px,390px) 1fr;gap:18px;padding:20px 0}.panel{background:#11141a;border:1px solid #272c35;border-radius:15px;box-shadow:0 18px 50px #0003}.controls{padding:24px;display:flex;flex-direction:column;gap:22px;align-self:start}.controls label{display:flex;flex-direction:column;gap:9px;color:#b8bec9;font-size:12px;font-weight:600;letter-spacing:.02em}.controls label>span{color:#737c8b;font-weight:400}.row{display:flex;gap:10px}.row>*{flex:1}textarea,select{width:100%;border:1px solid #303641;background:#0c0f14;color:#edf0f4;border-radius:9px;padding:12px;outline:0}textarea{resize:vertical;line-height:1.6;font-family:DM Mono}textarea:focus,select:focus{border-color:#ee5c42}input[type=range]{accent-color:#ee5c42;width:100%}button{border:1px solid #343a44;background:#1a1e25;border-radius:8px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}button:hover{border-color:#626b79}.primary{background:#ee5c42;border-color:#ee5c42;color:#151312;font-weight:700}.stage{min-height:650px;padding:24px;display:flex;flex-direction:column;align-items:center}.eyebrow{align-self:flex-start;color:#6f7784;font:10px DM Mono;letter-spacing:.16em}.canvas{flex:1;display:grid;place-items:center;width:100%;padding:25px}.canvas canvas{max-width:min(100%,660px);max-height:530px;width:auto;height:auto;filter:drop-shadow(0 16px 35px #0008)}.metrics{display:flex;flex-wrap:wrap;gap:10px;width:100%;border-top:1px solid #252a32;padding-top:15px}.metrics>div{flex:1;min-width:90px;display:flex;flex-direction:column;gap:5px}.metrics span,.result>span{font:10px DM Mono;color:#6f7784;text-transform:uppercase}.metrics strong{font:13px DM Mono;font-weight:500}.actions{display:flex;gap:9px;align-self:flex-end;margin-top:18px}.error{color:#ff8b95;background:#30171d;border:1px solid #56222b;padding:10px;border-radius:7px;font-size:12px}.status{color:#8ddbc7;font:12px DM Mono}.drop{border:1px dashed #424954;border-radius:12px;min-height:155px;display:grid!important;place-items:center;align-content:center;gap:7px!important;cursor:pointer}.drop svg{color:#ee5c42}.drop input{display:none}.camera video{width:100%;min-height:130px;background:#090b0e;border-radius:8px;margin-bottom:8px}.check{flex-direction:row!important;align-items:center}.preview{position:relative;flex:1;width:100%;display:grid;place-items:center}.preview img{max-width:100%;max-height:500px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.empty{margin:auto;text-align:center;color:#525b69}.empty h2{color:#aab1bc;font-size:17px}.empty p{max-width:410px;line-height:1.7}.result{width:100%;border-top:1px solid #292e36;padding-top:18px}.result>strong{display:block;font-size:20px;margin:8px 0 18px;word-break:break-word}footer{display:flex;justify-content:space-between;color:#626a76;font:11px DM Mono;padding:5px}footer a{color:#8e97a6;text-decoration:none}@media(max-width:800px){main{padding:18px}.workspace{grid-template-columns:1fr}.stage{min-height:500px}header{height:auto;padding-bottom:16px;gap:15px;flex-direction:column}nav{align-self:stretch}nav button{flex:1}.row{flex-direction:column}}