:root{--bg: #14110c;--panel: #1f1a12;--panel-2: #2a2317;--border: #4a3d28;--text: #e8ddc4;--muted: #a3946f;--gold: #c9a24b;--good: #8fce6a;--warn: #d8a657;--bad: #d77a61;font-family:system-ui,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#2a2114,var(--bg) 60%);color:var(--text);min-height:100vh}#root{max-width:960px;margin:0 auto;padding:24px 20px 64px}h1{font-size:1.5rem;margin:0 0 4px;color:var(--gold);letter-spacing:.5px}.subtitle{color:var(--muted);margin:0 0 20px;font-size:.9rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.row-between{display:flex;justify-content:space-between;align-items:center;gap:8px}.debug-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.debug-controls input[type=number],.debug-controls select{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:6px 8px;font-size:.85rem;width:130px}.dropzone{border:2px dashed var(--border);border-radius:10px;padding:28px 16px;text-align:center;color:var(--muted);transition:border-color .15s,background .15s;cursor:pointer}.dropzone.drag{border-color:var(--gold);background:#c9a24b14}.dropzone strong{color:var(--text)}.preview-wrap{display:flex;gap:16px;flex-wrap:wrap}.preview-wrap img{max-width:280px;max-height:320px;border:1px solid var(--border);border-radius:8px}textarea{width:100%;min-height:180px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:10px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem;resize:vertical}.progress{height:6px;background:var(--panel-2);border-radius:999px;overflow:hidden;margin-top:8px}.progress>div{height:100%;background:var(--gold);transition:width .2s}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.unknown td,tr.noprice td{color:var(--muted)}.badge{display:inline-block;padding:1px 7px;border-radius:999px;font-size:.72rem;border:1px solid var(--border);background:var(--panel-2)}.qmark{color:var(--bad);font-weight:700}tr.best td{background:#c9a24b24;color:var(--text)}tr.best td:first-child{box-shadow:inset 3px 0 0 var(--gold)}tr.best td:last-child{color:var(--gold);font-weight:700}.best-mark{color:var(--gold)}.error{color:var(--bad);background:#d77a611a;border:1px solid var(--bad);border-radius:6px;padding:10px 12px;font-size:.85rem}.muted{color:var(--muted);font-size:.85rem}.matched-note{color:var(--muted);font-size:.75rem}.badge.danger{color:var(--bad);border-color:var(--bad)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal{max-width:420px;margin:0}