:root{--bg:#f6f7f9;--card:#fff;--tx:#1f2937;--mu:#6b7280;--bd:#e5e7eb;--pr:#1f4e79;--ok:#d1fae5;--bad:#fecaca;--box-sizing:border-box;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#111827;--card:#1f2937;--tx:#f3f4f6;--mu:#9ca3af;--bd:#374151;--ok:#065f46;--bad:#7f1d1d}}
:root[data-theme="dark"]{--bg:#111827;--card:#1f2937;--tx:#f3f4f6;--mu:#9ca3af;--bd:#374151;--ok:#065f46;--bad:#7f1d1d}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--tx);font:14px/1.5 Arial,Helvetica,sans-serif}
.w{max-width:1200px;margin:0 auto;padding:20px 16px}
h1{font-size:20px;margin:0 0 4px;color:var(--pr)}p.s{color:var(--mu);margin:0 0 16px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:16px;margin-bottom:16px}
.drop{border:2px dashed var(--bd);border-radius:10px;padding:28px;text-align:center;cursor:pointer}
.drop.on{border-color:var(--pr)}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
button,select{font:inherit;padding:8px 14px;border-radius:8px;border:1px solid var(--bd);background:var(--card);color:var(--tx);cursor:pointer}
button.p{background:var(--pr);color:#fff;border-color:var(--pr)}
input[type=number]{font:inherit;width:90px;padding:6px;border-radius:8px;border:1px solid var(--bd);background:var(--card);color:var(--tx)}
.k{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.k div{border:1px solid var(--bd);border-radius:8px;padding:10px}.k b{display:block;font-size:18px}.k span{color:var(--mu);font-size:12px}
.tb{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px}
th{background:var(--pr);color:#fff;text-align:left;padding:6px 8px;position:sticky;top:0}
td{padding:6px 8px;border-bottom:1px solid var(--bd);vertical-align:top}td.n{text-align:right;white-space:nowrap}
.ok{background:var(--ok)}.bad{background:var(--bad)}
#err{color:#b91c1c;margin-top:8px}