:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#162033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}.app-shell{width:min(100% - 2rem,960px);margin:0 auto;padding:2rem 0 3rem}header{max-width:690px}h1{margin:.15rem 0 .5rem;font-size:clamp(1.9rem,6vw,3rem)}h2{font-size:1.1rem;margin:0 0 1rem}.eyebrow{color:#2858bb;font-weight:700;margin:0}.notice{margin:1.5rem 0;border-left:4px solid #2b61c9;padding:.75rem 1rem;background:#e9f0ff;line-height:1.55}.upload-panel,.options-panel,.result-panel{background:#fff;border:1px solid #d8e0ee;border-radius:14px;padding:1.25rem;margin-top:1rem;box-shadow:0 2px 12px #1635640d}.drop-zone{display:grid;place-items:center;min-height:160px;border:2px dashed #7795cb;border-radius:10px;text-align:center;cursor:pointer;padding:1rem}.drop-zone:focus-within,.drop-zone:hover{border-color:#154bb4;background:#f5f8ff}.drop-zone__title{font-weight:700;font-size:1.12rem}.drop-zone__hint,.option-help{color:#536277;margin-top:.45rem;font-size:.9rem}.drop-zone input{margin-top:.8rem;max-width:100%}.option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.option-grid label{display:grid;gap:.35rem;color:#344055;font-size:.9rem}.option-grid input,.option-grid select{width:100%;min-height:2.5rem;border:1px solid #aebbd0;border-radius:6px;padding:.35rem .5rem;background:#fff}.option-grid input[type=color]{padding:.15rem}.processing,.empty-state{margin:0;color:#40526a}.error{color:#9a1b1b;background:#fff0f0;border:1px solid #f2bbbb;padding:.8rem;border-radius:8px}.one-time-notice{color:#124b6b;background:#e9f5ff;border:1px solid #acd8ef;padding:.8rem;border-radius:8px;overflow-wrap:anywhere}.status-row{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.decode-statuses{display:flex;gap:.7rem;flex-wrap:wrap;margin:.7rem 0}.decode-status{margin:0;padding:.35rem .55rem;border-radius:6px;font-size:.9rem;background:#eef2f7;color:#40526a}.decode-status--success{background:#d7f5e4;color:#085b32}.decode-status--failed{background:#fee0e0;color:#8b1717}.source-only{max-width:320px;margin:.75rem 0}.status{font-weight:800;letter-spacing:.04em;border-radius:999px;padding:.35rem .6rem}.status--verified{color:#085b32;background:#d7f5e4}.status--failed{color:#8b1717;background:#fee0e0}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}figure{margin:0;min-width:0}figure img{display:block;width:100%;max-height:310px;object-fit:contain;border:1px solid #d8e0ee;border-radius:8px;background:repeating-conic-gradient(#f5f6fa 0 25%,#fff 0 50%) 50% / 20px 20px}figcaption{margin-top:.45rem;font-size:.88rem;color:#4a5870}.metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.4rem;margin:1.2rem 0}.metadata div{min-width:0}dt{color:#536277;font-size:.82rem}dd{margin:.15rem 0 0;overflow-wrap:anywhere}.hash{font-family:ui-monospace,Consolas,monospace;font-size:.79rem}.export-row{display:flex;gap:.75rem}.export-row button{border:0;border-radius:7px;padding:.7rem 1rem;background:#174eaf;color:#fff;font-weight:700;cursor:pointer}.export-row button:disabled{background:#9ba8bc;cursor:not-allowed}@media(max-width:680px){.app-shell{width:min(100% - 1rem,960px);padding-top:1rem}.option-grid,.metadata{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-grid{grid-template-columns:1fr}}