:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.workspace{width:min(1040px,100vw - 32px);margin:0 auto;padding:32px 0}.dropzone{cursor:pointer;background:#fff;border:2px dashed #87919d;border-radius:8px;place-items:center;min-height:220px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid;position:relative}.dropzone:hover,.dropzone.is-dragging{background:#f2fbfd;border-color:#1b6f8f;box-shadow:0 12px 28px #00000014}.dropzone-copy{text-align:center;gap:8px;padding:24px;display:grid}.dropzone h1{letter-spacing:0;margin:0;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}.dropzone p{color:#58616d;margin:0;font-size:1rem}.file-input{opacity:0;pointer-events:none;width:100%;position:absolute;inset:0}.result{margin-top:24px}.status-line{color:#333b45;flex-wrap:wrap;align-items:center;gap:12px;min-height:40px;display:flex}.status-pill{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.status-pill--busy{color:#245072;background:#e7eff7}.status-pill--valid{color:#126334;background:#dff4e6}.status-pill--invalid{color:#9a2c20;background:#fbe3e0}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.summary-grid div{background:#fff;border:1px solid #d9dee3;border-radius:8px;min-width:0;padding:12px}.summary-grid dt{color:#5d6670;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:700}.summary-grid dd{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem}.summary{color:#3d4650;margin:0 0 14px;line-height:1.5}.checks{gap:8px;display:grid}.check{background:#fff;border:1px solid #d9dee3;border-left-width:4px;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px;display:grid}.check strong{margin-bottom:4px;display:block}.check p{color:#5b6570;margin:0;line-height:1.4}.check span{text-transform:uppercase;font-size:.78rem;font-weight:700}.check--pass{border-left-color:#238047}.check--fail{border-left-color:#c93a2d}@media (max-width:680px){.workspace{width:min(100vw - 20px,1040px);padding:16px 0}.summary-grid,.check{grid-template-columns:1fr}}
