:root{--bg:#0b0f1a;--panel:#131a2b;--panel-2:#1b2440;--border:#283250;--text:#e8edf7;--muted:#8b97b5;--accent:#5b8cff;--accent-2:#38d39f;--warn:#ffb454;--danger:#ff6b6b;--radius:14px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(1200px 600px at 70% -10%,#1a2547 0,var(--bg) 55%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}.container{max-width:980px;margin:0 auto;padding:40px 20px 80px}header.app{margin-bottom:28px}header.app h1{font-size:26px;margin:0 0 6px;letter-spacing:-.02em}header.app p{color:var(--muted);margin:0}.badge{display:inline-block;font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid var(--border);color:var(--muted);margin-left:8px;vertical-align:middle}.badge.mock{color:var(--warn);border-color:#4a3a1d;background:#2a2010}.badge.real{color:var(--accent-2);border-color:#1d4a3a;background:#102a20}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:820px){.grid{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card h2{margin:0 0 14px;font-size:16px}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:30px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;color:var(--muted)}.dropzone.drag,.dropzone:hover{border-color:var(--accent);background:var(--panel-2)}.dropzone strong{color:var(--text)}.preview-img{border-radius:10px;border:1px solid var(--border);max-height:420px;object-fit:contain;background:#0a0e18}.preview-img,button.btn{width:100%;margin-top:14px}button.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;font-size:15px;padding:12px 18px;cursor:pointer;transition:filter .15s,opacity .15s}button.btn:hover{filter:brightness(1.08)}button.btn:disabled{opacity:.5;cursor:not-allowed}.field-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}.field-row:last-child{border-bottom:none}.field-label{color:var(--muted);font-size:13px}.field-value{font-weight:600;text-align:right}.field-value.empty{color:var(--danger);font-weight:400}.conf{display:inline-block;width:8px;height:8px;border-radius:999px;margin-left:8px;vertical-align:middle}.conf.hi{background:var(--accent-2)}.conf.mid{background:var(--warn)}.conf.lo{background:var(--danger)}table.items{width:100%;border-collapse:collapse;font-size:13px}table.items th{text-align:left;color:var(--muted);font-weight:500;padding:6px 8px}table.items td,table.items th{border-bottom:1px solid var(--border)}table.items td{padding:7px 8px}table.items td.num,table.items th.num{text-align:right}.raw{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted);background:#0a0e18;border:1px solid var(--border);border-radius:10px;padding:14px;max-height:360px;overflow:auto}.error{background:#2a1414;border:1px solid #4a1d1d;color:var(--danger);padding:12px 14px;border-radius:10px;margin-top:14px;font-size:14px}.totals{margin-top:8px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}.muted{color:var(--muted);font-size:13px}.copy-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:13px;font-weight:600;padding:7px 14px;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.copy-btn:hover{border-color:var(--accent)}