:root{color:#151714;font-synthesis:none;--ink:#151714;--paper:#f4f1e8;--line:#b8b5ab;--acid:#d8ff2f;--orange:#f15a24;--muted:#6e7069;background:#e9e6dc;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}body:before{content:"";pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:fixed;inset:0}main{width:min(1180px,100% - 40px);margin:0 auto;position:relative}.topbar{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;min-height:84px;display:flex}.brand{color:inherit;letter-spacing:.11em;align-items:center;gap:14px;font-family:DM Mono;font-size:13px;text-decoration:none;display:flex}.brand b{color:var(--orange);font-weight:400}.brand-mark{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:28px;height:28px;display:grid}.brand-mark i{background:var(--ink)}.brand-mark i:nth-child(2){grid-column:3}.brand-mark i:nth-child(3){grid-row:3}.brand-mark i:nth-child(4){grid-area:3/3}.brand-mark i:nth-child(5){background:var(--orange);grid-area:2/2}.local-badge{letter-spacing:.09em;align-items:center;gap:8px;font:500 10px DM Mono;display:flex}.local-badge i{background:#5d9c2d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dfe9d3}.hero{border-bottom:1px solid var(--ink);grid-template-columns:1fr 320px;align-items:end;padding:48px 0 40px;display:grid}.eyebrow{letter-spacing:.12em;grid-column:1/-1;margin-bottom:18px;font:500 10px DM Mono}.eyebrow span,.section-number{color:var(--orange);margin-right:9px;font:500 10px DM Mono}h1{letter-spacing:-.045em;margin:0;font:400 clamp(54px,7.2vw,96px)/.82 Instrument Serif}h1 em{color:var(--orange);font-weight:400}.intro{color:#4e514b;margin:0 0 4px;font-size:14px;line-height:1.65}.workspace{border:1px solid var(--ink);background:#ffffff38;border-top:0;padding:30px}.panel-heading,.result-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.panel-heading>div,.result-heading>div{align-items:flex-start;display:flex}h2{letter-spacing:-.02em;margin:0;font-size:15px}.panel-heading p,.result-heading p{color:var(--muted);margin:5px 0 0;font-size:11px}.format-note{letter-spacing:.1em;font:400 9px DM Mono}.dropzone{cursor:pointer;border:1px dashed #777970;flex-direction:column;justify-content:center;align-items:center;min-height:190px;transition:background .2s,border .2s;display:flex;position:relative;overflow:hidden}.dropzone:hover,.dropzone.dragging{border-color:var(--ink);background:#e9ffd0}.dropzone.has-files{min-height:104px}.dropzone input{opacity:0;width:1px;height:1px;position:absolute}.drop-icon{margin-bottom:10px;font:300 34px DM Mono}.dropzone strong{font-size:15px}.dropzone>span:last-child{color:var(--muted);margin-top:7px;font-size:11px}.scan-corners:before,.scan-corners:after,.dropzone:before,.dropzone:after{content:"";border-color:var(--orange);width:18px;height:18px;position:absolute}.dropzone:before{border-top:1px solid;border-left:1px solid;top:13px;left:13px}.dropzone:after{border-top:1px solid;border-right:1px solid;top:13px;right:13px}.scan-corners:before{border-bottom:1px solid;border-left:1px solid;bottom:13px;left:13px}.scan-corners:after{border-bottom:1px solid;border-right:1px solid;bottom:13px;right:13px}.file-list{border-left:1px solid var(--ink);border-right:1px solid var(--ink)}.file-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:11px 14px;font:400 10px DM Mono;display:grid}.file-row small{color:var(--muted)}.file-row button{cursor:pointer;color:var(--orange);background:0 0;border:0;font:500 8px DM Mono}.sample-button{cursor:pointer;color:var(--orange);letter-spacing:.06em;background:0 0;border:0;margin:10px 0 0 auto;padding:4px 0;font:500 8px DM Mono;display:block}.sample-button:hover{text-decoration:underline}.control-grid{grid-template-columns:1.2fr 1fr;gap:18px;margin-top:22px;display:grid}.control-grid .section-number{font-size:11px}fieldset,details{border:1px solid var(--line);min-width:0;margin:0;padding:19px}legend,summary{font:600 13px Manrope}legend{padding:0 7px}summary{cursor:pointer;justify-content:space-between;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary i{font:300 16px DM Mono}details[open] summary i{transform:rotate(45deg)}.effort-switch{border:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-top:8px;display:grid}.effort-switch label{cursor:pointer;border-right:1px solid var(--ink)}.effort-switch label:last-child{border-right:0}.effort-switch input{opacity:0;position:absolute}.effort-switch span{flex-direction:column;padding:14px 11px;font-size:13px;display:flex}.effort-switch small{color:var(--muted);margin-top:5px;font:400 9px DM Mono}.effort-switch input:checked+span{background:var(--ink);color:var(--paper)}.effort-switch input:checked+span small{color:var(--acid)}.batch-control{border-top:1px solid var(--line);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding-top:14px;font:500 11px DM Mono;display:flex}.batch-control>span{flex-direction:column;gap:4px;display:flex}.batch-control small{color:var(--muted);letter-spacing:0;font:400 9px DM Mono}.batch-control select{border:1px solid var(--ink);min-width:96px;color:var(--ink);background:0 0;border-radius:0;outline:none;padding:8px 10px;font:500 12px DM Mono}.batch-control select:focus{border-color:var(--orange)}.hint-grid{grid-template-columns:1fr 1fr;gap:12px;padding-top:19px;display:grid}.hint-grid label{letter-spacing:.05em;flex-direction:column;gap:7px;font:400 10px DM Mono;display:flex}.hint-grid input,.hint-grid select{border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;width:100%;padding:9px 2px;font:400 13px Manrope}.hint-grid input:focus,.hint-grid select:focus{border-color:var(--orange)}.hint-note{color:var(--muted);margin:14px 0 0;font-size:10px;line-height:1.5}.recover-button{border:1px solid var(--ink);background:var(--acid);cursor:pointer;letter-spacing:.08em;justify-content:space-between;align-items:center;width:100%;min-height:66px;margin-top:20px;padding:0 24px;font:600 12px DM Mono;transition:transform .15s,box-shadow .15s;display:flex}.recover-button:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(-3px,-3px)}.recover-button:disabled{opacity:.35;cursor:not-allowed}.recover-button b{font-size:22px}.progress-wrap{margin-top:22px;padding-right:75px;position:relative}.progress-meta{justify-content:space-between;margin-bottom:8px;font:400 9px DM Mono;display:flex}.progress-meta span:last-child{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:20px;overflow:hidden}.progress-track{background:#d3d0c7;height:5px;overflow:hidden}.progress-track i{background:var(--orange);width:0;height:100%;transition:width .15s;display:block}.cancel-button{color:var(--orange);cursor:pointer;background:0 0;border:0;font:500 9px DM Mono;position:absolute;bottom:-5px;right:0}.error-message{border-left:3px solid var(--orange);color:#6d2410;background:#f4d8ce;margin:18px 0 0;padding:10px 13px;font:500 10px/1.5 DM Mono}.result-section{padding:52px 0}.status-pill{border:1px solid var(--ink);letter-spacing:.08em;padding:7px 11px;font:500 9px DM Mono}.status-pill[data-status=decoded]{background:var(--acid)}.status-pill[data-status=ambiguous]{background:#ffd662}.status-pill[data-status=unrecoverable]{background:#f1b5a2}.result-grid{border:1px solid var(--ink);grid-template-columns:minmax(320px,.8fr) 1.2fr;display:grid}.qr-card,.data-card{min-width:0;padding:28px}.qr-card{border-right:1px solid var(--ink);background:#dedbd1}.canvas-frame{border:1px solid var(--line);aspect-ratio:1;background:#fff;padding:8%;display:flex}.canvas-frame canvas{width:100%;height:100%;image-rendering:pixelated}.artifact-actions{border:1px solid var(--ink);grid-template-columns:1fr 1fr;margin-top:14px;display:grid}.artifact-actions button{cursor:pointer;background:0 0;border:0;padding:13px;font:500 8px DM Mono}.artifact-actions button:first-child{border-right:1px solid var(--ink)}.artifact-actions button:hover{background:var(--acid)}.artifact-actions button:disabled,.data-label button:disabled,.file-row button:disabled,.sample-button:disabled{opacity:.4;cursor:not-allowed}.data-label{letter-spacing:.08em;color:var(--muted);justify-content:space-between;font:500 9px DM Mono;display:flex}.data-label button{font:inherit;cursor:pointer;color:var(--orange);background:0 0;border:0}#payload{white-space:pre-wrap;word-break:break-all;background:var(--ink);min-height:145px;color:var(--acid);margin:16px 0 23px;padding:17px;font:400 11px/1.7 DM Mono}#metadata{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0;display:grid}#metadata div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px}#metadata dt{color:var(--muted);letter-spacing:.09em;font:400 7px DM Mono}#metadata dd{margin:5px 0 0;font:500 13px DM Mono}.processed-preview{border:1px solid var(--line);margin-top:23px}.processed-preview-heading{border-bottom:1px solid var(--line);letter-spacing:.07em;justify-content:space-between;gap:18px;padding:11px 13px;font:500 8px DM Mono;display:flex}.processed-preview-heading span{color:var(--muted)}.processed-preview-heading b{color:var(--orange);text-align:right;overflow-wrap:anywhere}.processed-preview-frame{background:#dedbd1;justify-content:center;padding:12px;display:flex}.processed-preview canvas{width:auto;max-width:100%;height:auto;max-height:280px;image-rendering:pixelated;background:#fff;display:block}.processed-preview small{border-top:1px solid var(--line);color:var(--muted);padding:9px 13px;font:400 8px/1.5 DM Mono;display:block}footer{border-top:1px solid var(--ink);letter-spacing:.08em;min-height:90px;color:var(--muted);justify-content:space-between;align-items:center;font:400 8px DM Mono;display:flex}@media (width<=760px){main{width:min(100% - 20px,1180px)}.topbar{min-height:68px}.local-badge{display:none}.hero{grid-template-columns:1fr;padding:38px 0 32px}h1{font-size:clamp(52px,18vw,76px)}.intro{max-width:420px;margin-top:24px}.workspace{padding:16px}.control-grid,.result-grid{grid-template-columns:1fr}.qr-card{border-right:0;border-bottom:1px solid var(--ink)}.hint-grid{grid-template-columns:1fr}.effort-switch span{padding:11px 6px}.format-note{display:none}#metadata{grid-template-columns:repeat(2,1fr)}footer span:last-child{display:none}}