:root{--ink:#102d36;--muted:#647b80;--accent:#0b8f72;--paper:#fff;--bg:#eef4f2;--line:#d4e0dd}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,sans-serif}main{max-width:1180px;margin:auto;padding:42px 22px}header{max-width:760px;margin-bottom:28px}.tag{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:var(--accent)}h1{font-size:clamp(2.8rem,7vw,5.6rem);line-height:.94;letter-spacing:-.06em;margin:12px 0}header p{font-size:1.1rem;color:var(--muted)}.upload-grid,.split,.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.drop,article,aside,.metric{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:20px}.drop{display:grid;gap:12px}.drop input{width:100%;border:1px dashed #90aaa4;border-radius:9px;padding:16px}.drop small,#status,aside p{color:var(--muted)}button{margin:18px 0;border:0;border-radius:9px;padding:12px 20px;background:var(--accent);color:white;font-weight:750;cursor:pointer}.secondary{margin:0 0 0 8px;background:#e3eeeb;color:var(--ink)}.metrics{grid-template-columns:repeat(4,1fr);margin:24px 0}.metric b{display:block;font-size:1.8rem}.metric small{color:var(--muted)}.bar{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:1000px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#173b43;color:white;position:sticky;top:0}.split{margin-top:18px}article div{max-height:340px;overflow:auto}aside{margin-top:18px}h2{font-size:1.05rem}@media(max-width:760px){.upload-grid,.split,.metrics{grid-template-columns:1fr}.bar{align-items:start;flex-direction:column}.secondary{margin:0 8px 10px 0}}