:root{--ink:#14283a;--muted:#768392;--line:#dde5e8;--blue:#1767d5;--teal:#126e66;--bg:#f8fafb;--white:#fff;--shadow:0 12px 44px rgba(20,40,58,.055);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.app-shell{max-width:1240px;padding:0 38px;margin:auto}.site-header{height:93px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:25px;letter-spacing:-1.7px;font-weight:830;text-decoration:none}.brand-icon{display:grid;place-items:center;width:34px;height:34px;background:#173f41;color:white;border-radius:9px}.brand-icon svg{width:22px;height:22px}.brand-accent{color:#14877a}.brand-dot{color:#ef9d46}.header-trust{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:640;color:#48615d}.trust-dot{width:7px;height:7px;background:#3aa68d;border-radius:50%;box-shadow:0 0 0 4px #def3eb}.header-trust-secondary{font-weight:450;color:#8b9a9c}.hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:61px 10px 42px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.2px;color:#11766f;display:flex;align-items:center;gap:11px}.eyebrow-line{width:24px;height:2px;background:#1c8a80}.hero h1{font-size:clamp(38px,5vw,65px);letter-spacing:-3.8px;font-weight:790;line-height:1.11;margin:16px 0 16px}.heading-italic{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:500;color:#168275;letter-spacing:-3px}.heading-period{color:#ef9d46}.hero-copy{font-size:15px;line-height:1.7;color:#6e7d8d;max-width:575px;margin:0}.hero-stamp{width:125px;height:125px;border:1px solid #b5ccc9;border-radius:50%;transform:rotate(12deg);flex:none;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#4c9187;gap:0;background:radial-gradient(circle at center,#ecf7f3 0,#f8fafb 75%)}.hero-stamp svg{width:39px;height:39px}.stamp-top,.stamp-bottom{font-size:9px;font-weight:800;letter-spacing:1.4px}.workspace{display:grid;grid-template-columns:1.07fr 1fr;gap:20px}.panel{background:#fff;border:1px solid #e2eaed;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.panel-heading{padding:23px 25px 21px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #eef1f3}.panel-heading-copy{display:flex;align-items:center;gap:14px;min-width:0}.step-number{width:35px;height:35px;display:grid;place-items:center;flex:none;background:#ecf6f2;color:#1b756b;font-size:12px;font-weight:800;border-radius:10px}.panel-heading h2{margin:0;font-size:16px;letter-spacing:-.4px}.panel-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.mini-tag{padding:7px 9px;border-radius:5px;background:#f6f8fa;color:#8c99a4;font-size:9px;white-space:nowrap;font-weight:800;letter-spacing:.7px}.drop-zone{height:326px;border:1.5px dashed #b7d2cd;background:#f4f9f7;margin:22px 25px 14px;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.drop-zone:focus-visible{outline:3px solid #82bfc3;outline-offset:3px}.drop-zone:hover,.drop-zone.drag-over{background:#e9f7f1;border-color:#168a79}.drop-zone.drag-over{transform:scale(1.008)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px}.upload-illustration{height:110px;width:120px;position:relative;margin:0 0 10px}.upload-tile{width:78px;height:79px;border-radius:14px;position:absolute;left:22px;top:14px;box-shadow:0 12px 30px rgba(16,72,65,.09)}.upload-tile-back{transform:rotate(14deg) translate(12px,-4px);background:#bddfd6}.upload-tile-front{transform:rotate(-6deg);background:#fff;border:1px solid #d4e4df;display:grid;place-items:center;color:#247e76}.upload-tile-front svg{width:53px}.upload-plus{position:absolute;right:5px;bottom:5px;background:#147d70;border:3px solid #f3faf6;border-radius:12px;width:37px;height:37px;color:white;font-size:28px;line-height:30px;font-weight:400}.empty-state h3{margin:9px 0 7px;font-size:17px;letter-spacing:-.5px}.empty-state p{font-size:12px;color:#7d918d;margin:0 0 20px}.fake-browse{display:flex;align-items:center;gap:9px;background:#146f66;color:#fff;padding:12px 20px;font-size:12px;font-weight:700;border-radius:8px;box-shadow:0 4px 10px rgba(20,111,102,.18)}.fake-browse svg{height:17px;width:17px}.tool-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 25px}.tool-button{padding:12px 6px;border:1px solid #e0e6e9;background:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:12px;color:#435b64;transition:all .2s}.tool-button:hover{border-color:#94b9b6;background:#f5fbf9}.tool-button svg{width:17px;height:17px;color:#308176}.scanner-footer{padding:16px 25px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}.keyboard-tip{color:#9aa6af;font-size:10px;font-weight:650}.keyboard-tip kbd{font-size:10px;background:#f2f4f5;border:1px solid #e6eaec;border-radius:3px;padding:2px 4px;color:#74838a}.text-link{font-size:11px;font-weight:800;color:#177b71;background:none;border:none;padding:3px 0;text-decoration:none;white-space:nowrap}.text-link:hover{text-decoration:underline}.result-badge{background:#f2f4f6;color:#83919c;border-radius:50px;font-size:10px;font-weight:800;letter-spacing:1px;padding:8px 12px}.result-badge.success{background:#dff6e9;color:#247c57}.result-badge.error{background:#fff0ea;color:#ad6347}.result-badge.working{background:#e4f0ff;color:#1767d5}.result-body{height:414px;position:relative;display:flex;align-items:stretch;justify-content:center;overflow:auto}.result-empty,.result-error,.result-loading{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 37px}.result-empty-orbit{height:105px;width:105px;border-radius:50%;background:#f5f8f8;display:grid;place-items:center;color:#adc3c3;margin-bottom:22px}.result-empty-orbit svg{height:58px;width:58px}.result-empty p{font-size:17px;letter-spacing:-.4px;font-weight:750;margin:0 0 9px}.result-empty span,.result-loading span{max-width:230px;color:#95a1ab;font-size:12px;line-height:1.7}.result-panel-footer{border-top:1px solid #eef1f3;min-height:47px;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 12px;font-size:10.5px;color:#7f9690}.result-panel-footer svg{height:17px;width:17px;color:#29887c;flex:none}.result-filled{width:100%;padding:28px 29px;display:flex;flex-direction:column;align-items:stretch}.success-mark{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:850;letter-spacing:1.2px;color:#198c64;margin-bottom:27px}.success-mark-check{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#def5e8;color:#168754;font-size:13px}.result-field-label{color:#94a3aa;font-size:10px;font-weight:850;letter-spacing:1.2px;margin-bottom:10px}.decoded-text{padding:18px;background:#f6f8fa;border:1px solid #e7edf0;border-radius:9px;color:#263d4b;font-size:14px;line-height:1.6;overflow-wrap:anywhere;word-break:break-word;max-height:138px;min-height:89px;overflow:auto;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.domain-info{margin-top:11px;display:flex;align-items:center;gap:8px;color:#73868c;font-size:11px}.domain-info:before{content:"";display:block;width:6px;height:6px;background:#1c9a76;border-radius:50%}.result-action-row{display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;min-height:45px;padding:0 18px;text-decoration:none;font-size:12px;font-weight:780}.primary-button{background:#136f66;color:#fff;border:1px solid #136f66;flex:1}.primary-button:hover{background:#095a52}.primary-button svg{height:17px;width:17px}.secondary-button{border:1px solid #d7e2e4;color:#28786f;background:#fff}.secondary-button:hover{background:#f3faf8}.warning-copy{color:#9aa7b0;font-size:10px;line-height:1.6;margin-top:16px}.result-error .error-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#fff0e9;color:#bf6b4d;font-weight:900;font-size:30px;margin-bottom:17px}.result-error h3{margin:0 0 10px;font-size:17px}.result-error p{color:#8d9ba5;font-size:12px;max-width:295px;line-height:1.65;margin:0 0 23px}.retry-button{background:#fff;border:1px solid #dbe3e7;border-radius:8px;padding:11px 16px;color:#2e746c;font-size:12px;font-weight:750}.loading-spinner{width:48px;height:48px;border:4px solid #d7e9e4;border-top-color:#1b8f7c;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:22px}.result-loading p{font-weight:700;font-size:16px;margin:0 0 6px}@keyframes spin{to{transform:rotate(360deg)}}.preview-state,.camera-state{position:absolute;inset:0;background:#eaf1f0}.preview-state img{width:100%;height:100%;object-fit:contain}.preview-caption{position:absolute;bottom:10px;left:10px;right:10px;display:flex;justify-content:space-between;gap:15px;background:#ffffffed;border-radius:7px;padding:9px 10px;color:#49625c;font-size:10px;font-weight:650;box-shadow:0 2px 16px #0000000c}.preview-caption span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-state video{width:100%;height:100%;object-fit:cover}.camera-guide{position:absolute;width:58%;max-width:240px;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-55%)}.camera-guide i{position:absolute;width:32px;height:32px;border:4px solid #bcf7d9}.camera-guide i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-radius:10px 0 0 0}.camera-guide i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-radius:0 10px 0 0}.camera-guide i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 10px}.camera-guide i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 10px 0}.camera-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:#173e39c9;border-radius:50px;color:#fff;padding:9px 14px;font-size:11px;white-space:nowrap}.history-panel{border:1px solid #e2e9ed;border-radius:15px;margin-top:23px;background:#fff;padding:22px 28px 12px}.history-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.history-title-line{display:flex;align-items:center;gap:9px}.history-title-line svg{width:18px;height:18px;color:#318278}.history-title-line h2{margin:0;font-size:15px;letter-spacing:-.3px}.history-count{background:#eaf4f0;color:#278777;font-size:10px;font-weight:800;padding:3px 7px;border-radius:20px}.history-header p{margin:6px 0 0;color:#95a1a8;font-size:11px}.switch-label{display:flex;align-items:center;gap:10px;position:relative;cursor:pointer;font-size:11px;font-weight:750;color:#52676c;white-space:nowrap}.switch-label input{position:absolute;opacity:0;pointer-events:none}.switch-track{width:36px;height:21px;border-radius:20px;background:#d5dedf;position:relative;transition:background .2s}.switch-track:before{content:"";width:15px;height:15px;position:absolute;top:3px;left:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .2s}.switch-label input:checked + .switch-track{background:#168576}.switch-label input:checked + .switch-track:before{transform:translateX(15px)}.switch-label input:focus-visible + .switch-track{outline:3px solid #8ad6c6;outline-offset:2px}.history-list{display:flex;flex-direction:column;max-height:240px;overflow:auto;margin-top:14px;gap:7px}.history-item{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#f7faf9;border:1px solid #eef2f0;border-radius:8px;padding:10px 13px}.history-item-main{min-width:0;flex:1}.history-item-title{font-size:11px;color:#3b605a;font-weight:700;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-time{font-size:10px;color:#9aabad;display:block;margin-top:4px}.history-item-buttons{display:flex;gap:8px}.history-item-buttons button{padding:5px 8px;border:1px solid #dce7e3;background:#fff;color:#40776c;font-size:10px;font-weight:750;border-radius:5px}.history-actions{padding:13px 0 3px;display:flex;justify-content:space-between;gap:12px;align-items:center}.history-actions span{font-size:10.5px;color:#adb7be}.feature-footer{margin:25px auto 44px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:0 32px}.feature-footer>div{display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;gap:4px 8px;align-items:center}.feature-icon{grid-row:1/span 2;font-size:23px;color:#3e9d8b}.feature-footer strong{font-size:12px;color:#52676f}.feature-footer div>span:last-child{font-size:11px;color:#98a5ad}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:19px 0 28px;color:#abb4bd;font-size:9px;font-weight:800;letter-spacing:1.5px}.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translate(-50%,25px);max-width:calc(100vw - 30px);padding:12px 18px;border-radius:10px;color:#fff;background:#183d39;box-shadow:0 12px 40px #173e392c;font-size:12px;font-weight:700;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:960px){.workspace{grid-template-columns:1fr 1fr}.hero{padding-top:46px}.hero h1{font-size:49px}.panel-heading{padding:20px 17px}.mini-tag{display:none}.drop-zone{margin:19px 17px 13px}.tool-row{margin:0 17px}.scanner-footer{padding:15px 17px 21px}.result-filled{padding:22px 21px}.decoded-text{font-size:12px}}@media(max-width:720px){.app-shell{padding:0 20px}.site-header{height:75px}.header-trust-secondary{display:none}.hero{padding:39px 0 31px}.hero-stamp{display:none}.hero h1{letter-spacing:-2.5px;font-size:clamp(36px,8vw,50px)}.heading-italic{letter-spacing:-2px}.hero-copy{font-size:13px}.workspace{grid-template-columns:1fr;gap:16px}.drop-zone{height:290px}.result-body{height:auto;min-height:270px}.result-filled{min-height:280px}.history-panel{padding:19px 18px 11px}.feature-footer{padding:0 8px;gap:8px}.feature-footer>div{grid-template-columns:1fr;text-align:center}.feature-icon{grid-row:auto;font-size:20px}.feature-footer strong{font-size:10px}.feature-footer div>span:last-child{font-size:9px}.site-footer{font-size:8px}.result-panel-footer{font-size:10px}}@media(max-width:390px){.app-shell{padding:0 14px}.header-trust{font-size:10px}.brand{font-size:22px}.hero h1{font-size:37px}.keyboard-tip{font-size:9px}.history-header{align-items:flex-start}.switch-label{font-size:10px}.panel-heading h2{font-size:15px}.tool-button{gap:4px}.tool-button svg{width:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}