:root{--paper:#f4f6f8;--ink:#172027;--muted:#7b858c;--line:#d9dee2;--accent:#d7f248;--accent-dark:#72820c;--blue:#4f72ed;--white:#fff;--mono:'DM Mono',monospace;--sans:'Manrope','Noto Sans SC',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans),sans-serif;letter-spacing:0}.shell{max-width:1180px;margin:0 auto;padding:24px 34px 20px}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:27px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:28px;height:28px;border:1.5px solid var(--ink);border-radius:8px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:6px}.brand-mark span{width:3px;background:var(--ink);border-radius:2px}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:13px}.brand-mark span:nth-child(3){height:17px}.brand-name{font-size:15px;font-weight:800;line-height:1}.brand-sub{font-size:8px;color:var(--muted);letter-spacing:1.3px;margin-top:5px}.topbar-note{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#98b92e;box-shadow:0 0 0 4px #e5edc6}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:53px 0 40px}.eyebrow{font:500 10px var(--mono);color:var(--muted);letter-spacing:1.1px;text-transform:uppercase}.eyebrow span{color:#b4bdc3;margin-left:8px}h1{font-size:47px;line-height:1.12;letter-spacing:-1.8px;margin:17px 0 13px;font-weight:800}h1 em{font-style:normal;color:var(--blue)}.intro p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}.format-chip{border:1px solid var(--line);background:#fff;padding:13px 14px;display:flex;gap:13px;align-items:center;font-size:11px;border-radius:6px;min-width:205px}.chip-label{color:var(--muted)}code{font:500 13px var(--mono);color:var(--ink)}.chip-check{margin-left:auto;color:var(--accent-dark);font-weight:bold;background:var(--accent);height:20px;width:20px;border-radius:50%;display:grid;place-items:center}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:17px}.upload-panel{min-width:0}.dropzone{min-height:292px;border:1.5px dashed #b9c1c6;border-radius:8px;background:#fafbfc;display:flex;align-items:center;flex-direction:column;justify-content:center;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragging{border-color:var(--blue);background:#f8faff}.upload-icon{width:52px;height:52px;border-radius:50%;background:#e7ebf0;color:var(--blue);display:grid;place-items:center;margin-bottom:16px}.upload-icon svg{width:23px;height:23px}.dropzone h2{font-size:18px;margin:0 0 7px;font-weight:700}.dropzone p{font-size:12px;color:var(--muted);margin:0 0 20px}.button{border:0;border-radius:5px;padding:11px 16px;font:600 12px var(--sans);cursor:pointer;transition:.18s;display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.button:disabled{opacity:.45;cursor:not-allowed}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#303b42}.button-dark span{font:400 10px var(--mono);color:#aeb8be;border-left:1px solid #4e5b62;padding-left:12px}.dropzone-foot{position:absolute;transform:translateY(118px);width:min(490px,calc(100% - 60px));display:flex;justify-content:space-between;font:10px var(--mono);color:#a8b1b6}.file-strip{min-height:64px;display:flex;align-items:center;gap:11px;color:var(--muted);font-size:11px}.tiny-grid{width:28px;height:28px;border:1px solid var(--line);background:linear-gradient(90deg,transparent 48%,#dfe4e7 49%,#dfe4e7 51%,transparent 52%),linear-gradient(transparent 48%,#dfe4e7 49%,#dfe4e7 51%,transparent 52%);background-size:9px 9px}.file-strip.has-files{gap:8px;overflow-x:auto;padding:10px 0}.thumb{width:45px;height:45px;object-fit:cover;border-radius:4px;border:1px solid var(--line);flex:none}.thumb-more{font:10px var(--mono);color:var(--muted);padding-left:5px}.guide-panel{border-left:1px solid var(--line);padding:14px 0 0 28px}.panel-kicker{font:500 10px var(--mono);color:var(--blue);letter-spacing:1.4px}.guide-panel h3{font-size:20px;margin:14px 0 22px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:15px;position:relative;padding-bottom:24px}.steps li:not(:last-child):after{content:'';position:absolute;left:12px;top:27px;height:29px;width:1px;background:#d7dde0}.steps li>span{height:25px;width:25px;border:1px solid #cbd2d7;border-radius:50%;display:grid;place-items:center;font:10px var(--mono);color:#9aa5ab;z-index:1;background:var(--paper)}.steps li.active>span{background:var(--accent);border-color:var(--accent);color:var(--ink)}.steps strong{display:block;font-size:12px;margin:3px 0 4px}.steps small{font-size:10px;color:var(--muted)}.guide-tip{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:19px;margin-top:1px}.guide-tip>span{font-size:20px;color:var(--blue)}.guide-tip strong{font-size:11px}.guide-tip p{font-size:10px;line-height:1.7;color:var(--muted);margin:6px 0 0}.results-section{margin-top:57px;padding-top:31px;border-top:1px solid var(--line)}.results-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.results-heading h2{font-size:27px;margin:12px 0 0;letter-spacing:-.7px}.results-heading h2 span{font:500 12px var(--mono);color:var(--blue);vertical-align:middle;margin-left:4px}.result-actions{display:flex;gap:8px}.button-light{background:#fff;border:1px solid var(--line);color:var(--ink)}.button-light:hover{border-color:#9da8ae}.button-accent{background:var(--accent);color:var(--ink)}.button-accent:hover{background:#cce636}.progress-wrap{background:#fff;border:1px solid var(--line);padding:15px 17px;margin-bottom:17px;border-radius:5px}.progress-top{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:10px}.progress-top span:last-child{font:11px var(--mono);color:var(--blue)}.progress-bar{height:5px;background:#e9edef;border-radius:10px;overflow:hidden}.progress-bar i{height:100%;display:block;width:0;background:var(--blue);transition:width .3s}.results-list{display:grid;gap:10px}.group{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden}.group-head{height:51px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f1}.group-title{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.group-badge{font:500 11px var(--mono);color:var(--blue);background:#eef1ff;padding:5px 8px;border-radius:3px}.group-meta{font-size:10px;color:var(--muted)}.code-row{display:grid;grid-template-columns:36px minmax(145px,1fr) 100px 80px 38px;align-items:center;min-height:55px;padding:0 17px;border-bottom:1px solid #f0f2f3;gap:10px}.code-row:last-child{border-bottom:0}.row-index{font:10px var(--mono);color:#aeb8bc}.code-value{font:500 18px var(--mono);letter-spacing:.2px}.code-input{font:500 17px var(--mono);width:180px;border:1px solid var(--blue);outline:0;padding:5px 7px;border-radius:3px}.source-name{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confidence{font:10px var(--mono);color:#6b9a39}.confidence.low{color:#d09227}.edit-btn{border:0;background:transparent;color:#a4adb3;cursor:pointer;font-size:16px;padding:7px}.edit-btn:hover{color:var(--blue)}.empty-results{text-align:center;color:var(--muted);padding:35px}.empty-results div{font-size:27px;color:#b6c0c5}.empty-results p{margin:9px 0 5px;font-size:13px;color:var(--ink)}.empty-results small{font-size:11px}footer{display:flex;justify-content:space-between;padding-top:52px;color:#a6afb4;font:10px var(--mono)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:#fff;border-radius:5px;padding:11px 16px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.is-hidden{display:none!important}@media(max-width:800px){.shell{padding:18px 18px 16px}.topbar-note{display:none}.intro{display:block;padding:38px 0 28px}h1{font-size:35px;letter-spacing:-1px}.format-chip{margin-top:22px;width:max-content}.workspace{display:block}.guide-panel{border-left:0;border-top:1px solid var(--line);margin-top:24px;padding:22px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.steps li{display:block;padding:0}.steps li:not(:last-child):after{display:none}.steps li>span{margin-bottom:9px}.steps small{display:block;line-height:1.5}.guide-tip{display:none}.dropzone-foot{transform:translateY(112px)}.results-section{margin-top:35px}.results-heading{display:block}.result-actions{margin-top:18px}.code-row{grid-template-columns:25px minmax(120px,1fr) 70px 32px;padding:0 11px;gap:5px}.source-name{display:none}.code-input{width:145px}.confidence{font-size:9px}footer{padding-top:34px}}