:root{--ink:#182c2a;--muted:#71817d;--accent:#157460;--line:#dfe7e2;--bg:#f4f7f3;--white:#fff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #80c8b4;outline-offset:4px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);background:#fafcf9}.brand{font-weight:700;display:flex;gap:13px;align-items:center;font-size:23px;color:var(--accent)}.brand span{font-size:17px;color:var(--ink);letter-spacing:1px}.quiet,.back{font-size:13px;color:var(--muted)}.home{max-width:1050px;margin:84px auto;padding:0 28px}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;color:var(--accent)}.home h1{font-size:clamp(32px,4vw,48px);line-height:1.4;font-weight:650;letter-spacing:-1px;margin:23px 0}.intro{color:var(--muted);font-size:16px}.launch-card{margin-top:46px;padding:32px;display:flex;align-items:center;gap:27px;background:var(--white);border:1px solid var(--line);border-radius:17px;box-shadow:0 10px 36px #213e2d06;transition:transform .2s,border-color .2s}.launch-card:hover{transform:translateY(-3px);border-color:#77ad96}.card-icon{width:76px;height:76px;border-radius:18px;background:#e3f0e7;display:grid;place-items:center;font-size:43px;color:var(--accent)}.launch-card h2{font-size:25px;margin:4px 0}.launch-card p{margin:0;color:var(--muted)}.arrow{margin-left:auto;font-size:31px;color:var(--accent)}.home-steps{display:flex;gap:42px;margin-top:38px;font-size:13px;color:var(--muted)}.home-steps b{font:12px monospace;color:var(--accent);margin-right:10px}.privacy{color:#8a9591;font-size:12px;margin-top:60px}.workspace{max-width:1320px;margin:42px auto;padding:0 32px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.page-heading h1{font-size:32px;margin:6px 0 3px;font-weight:650}.page-heading p{color:var(--muted);margin:0;font-size:13px}.badge{background:#e7f0e8;color:#49785f;padding:6px 13px;border-radius:30px;font-size:12px}.setup{display:flex;align-items:center;gap:20px;padding:23px 26px;background:var(--white);border:1px solid var(--line);border-radius:13px}.folder-icon{color:var(--accent);background:#edf3ed;border-radius:12px;min-width:50px;height:50px;display:grid;place-items:center;font-size:32px}.folder-copy{flex:1;min-width:0}.folder-copy h2{font-size:16px;margin:0;overflow-wrap:anywhere}.folder-copy p{font-size:12px;color:var(--muted);margin:4px 0 0}.secondary{border:1px solid #ccd9d1;background:#fff;color:var(--ink);padding:9px 20px;border-radius:8px;white-space:nowrap}.scanner{margin:25px 0 22px;padding:28px;background:#e7eee7;border:1px solid #dae3d9;border-radius:13px}.scanner label{font-size:13px;font-weight:650;display:block;margin-bottom:10px}.scan-control{display:flex;align-items:center;background:white;border:1px solid #c4d3c9;border-radius:9px;padding:6px;box-shadow:0 3px 8px #213e2d04}.scan-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #15746016}.scan-control>span{font-size:25px;color:#7d978b;margin:0 14px}.scan-control input{width:100%;min-width:0;border:0;outline:0;font-size:20px;background:transparent;letter-spacing:.4px;padding:10px 0;color:var(--ink)}.scan-control input::placeholder{font-size:16px;color:#9aa59e}.primary{border:0;border-radius:6px;background:var(--accent);color:white;font-weight:600;padding:12px 28px;white-space:nowrap}.primary span{margin-left:16px;color:#b0d9c8}.scan-help{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:var(--muted)}.empty-state{border:1px dashed #d3ddd5;border-radius:13px;text-align:center;padding:62px 20px;background:#f9fbf8}.empty-icon{font-size:47px;color:#829c8e;line-height:1.4}.empty-state h2{font-size:18px;font-weight:500;margin:10px 0 4px}.empty-state p{font-size:13px;color:var(--muted);margin:0}.notice{padding:16px 20px;background:#fff5df;border:1px solid #efdcbc;border-radius:9px;margin:18px 0;color:#866027;overflow-wrap:anywhere}.notice a{text-decoration:underline}.result-summary{display:flex;justify-content:space-between;align-items:center;margin:30px 0 18px;gap:20px}.result-summary h2{font:600 21px/1.5 monospace;overflow-wrap:anywhere;margin:0}.result-summary p{margin:4px 0;color:var(--muted);font-size:12px}.status-pill{font-size:12px;padding:5px 13px;border-radius:30px;white-space:nowrap;background:#dceee2;color:#237055}.order-block{margin-top:25px}.order-title{display:flex;gap:14px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.order-title h3{font:600 15px monospace;margin:0}.order-title span{font-size:12px;color:var(--muted)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:18px}.image-card{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.image-button{width:100%;height:235px;display:block;background:#edf1ec;border:0;padding:14px;position:relative}.image-button img{height:100%;width:100%;object-fit:contain}.image-info{padding:15px 17px}.barcode-tag{display:inline-block;background:#eaf2ec;color:#326850;font:13px monospace;padding:3px 8px;border-radius:4px}.filename{font-size:12px;margin:10px 0 0;overflow-wrap:anywhere;color:#617069}.no-image{padding:32px 18px;color:#967544;font-size:13px;border:1px dashed #ddcfb5;border-radius:10px;background:#fffaf0}.workspace-footer{display:flex;justify-content:space-between;gap:20px;margin:26px 0 40px;font-size:12px;color:#8c9790}dialog{border:0;border-radius:12px;padding:22px;max-width:92vw;max-height:94vh;background:#fafbf9}dialog::backdrop{background:#10201bd9}dialog img{display:block;max-height:77vh;max-width:85vw;object-fit:contain}dialog p{max-width:80vw;overflow-wrap:anywhere;margin:12px 0 0;font-size:13px}#close-image{position:absolute;right:12px;top:8px;background:#fff;border:1px solid var(--line);border-radius:50%;font-size:26px;width:38px;height:38px;line-height:32px}.load-more{margin-top:20px}.error-text{color:#ae4d38}@media(max-width:650px){.topbar{height:66px;padding:0 20px}.quiet{display:none}.home{margin:52px auto}.launch-card{padding:23px 19px;gap:17px}.card-icon{min-width:54px;width:54px;height:60px;font-size:30px}.launch-card h2{font-size:22px}.launch-card p{font-size:12px}.home-steps{gap:14px;flex-direction:column}.workspace{padding:0 16px;margin:26px auto}.badge{display:none}.setup{padding:18px 16px;gap:12px;flex-wrap:wrap}.setup .secondary{width:100%}.scanner{padding:18px 15px}.scan-control>span{display:none}.scan-control input{font-size:15px;padding-left:8px}.scan-control input::placeholder{font-size:12px}.primary{padding:11px 17px}.primary span{display:none}.scan-help{font-size:10px;gap:10px}.workspace-footer{flex-direction:column}.result-summary{align-items:flex-start}.image-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.image-button{height:185px}}