:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f8fb;color:#18212f;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.shell{width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:40px 0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.brand{font-size:17px;font-weight:700}.totals{display:flex;flex-wrap:wrap;gap:12px;color:#536070;font-size:14px}.dropzone{min-height:280px;border:2px dashed #aab5c4;background:#fff;border-radius:8px;display:grid;place-items:center;padding:36px 22px;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.dropzone.dragging{border-color:#0f766e;background:#f0fdfa;box-shadow:0 16px 40px #0f766e1f}.drop-inner{text-align:center;display:grid;gap:18px}.drop-title{font-size:clamp(32px,7vw,64px);line-height:1;font-weight:800}.or{color:#6b7280;font-size:15px}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button{appearance:none;border:1px solid #cbd5e1;background:#fff;color:#18212f;min-height:42px;padding:0 16px;border-radius:8px;cursor:pointer;font-weight:650}.button.primary{background:#0f766e;border-color:#0f766e;color:#fff}.button.danger{color:#991b1b;border-color:#fecaca}.button:disabled{cursor:not-allowed;opacity:.5}.hidden{display:none}.overall{margin:24px 0 14px;display:grid;gap:10px}.overall-row{display:flex;justify-content:space-between;gap:12px;color:#475569;font-size:14px}.bar{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.fill{height:100%;width:0%;background:#0f766e;transition:width .12s linear}.queue{display:grid;gap:10px}.file-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.file-main{min-width:0;display:grid;gap:8px}.name{font-weight:700;overflow-wrap:anywhere}.path{color:#64748b;font-size:13px;overflow-wrap:anywhere}.metrics{display:flex;gap:10px;flex-wrap:wrap;color:#475569;font-size:13px}.status{font-weight:700}.status.complete{color:#047857}.status.failed{color:#b91c1c}.file-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.file-actions .button{min-height:36px;padding:0 12px}.complete-banner{margin:18px 0;padding:18px;border-radius:8px;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;font-weight:800}@media(max-width:720px){.shell{width:min(100vw - 20px,1120px);padding:22px 0}.topbar,.file-row{grid-template-columns:1fr;display:grid}.file-actions{justify-content:flex-start}}