:root{--bg:#f2f4f8;--surface:#fff;--surface-alt:#f7f9fc;--text:#15202b;--muted:#51606e;--border:#d3dce6;--accent:#0070f3;--accent-strong:#0055bf;--danger:#bb2f3c;--danger-soft:#ffe7ea;--success:#187448;--success-soft:#dff7ea;--shadow:0 18px 36px #0f192814;--sans:"Space Grotesk", "Segoe UI", Tahoma, sans-serif;--mono:"JetBrains Mono", "Cascadia Code", Consolas, monospace;color:var(--text);background:var(--bg);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 0%, #0070f31f, transparent 42%), radial-gradient(circle at 92% 14%, #18744821, transparent 36%), var(--bg);min-height:100vh;margin:0}#root{min-height:100vh}.app-shell{width:min(1160px,100% - 2rem);margin:0 auto;padding:2rem 0 2.5rem}.hero{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(120deg,#fff,#f2f7ff);border-radius:18px;margin-bottom:1rem;padding:1rem 1.2rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-strong);margin:0;font-size:.75rem;font-weight:700}h1,h2,p{margin:0}h1{letter-spacing:-.025em;margin-top:.25rem;font-size:clamp(1.8rem,2.5vw,2.4rem)}h2{font-size:1.15rem}.subtitle{color:var(--muted);max-width:78ch;margin-top:.35rem;font-size:.95rem}.controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.control-item{color:var(--muted);border:1px solid var(--border);background:#ffffffbf;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;display:inline-flex}.control-item input{margin:0}.control-item:has(input:disabled){opacity:.65}.mode-select{border:1px solid var(--border);color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:.25rem .45rem}.validate-button,.copy-button{appearance:none;font:inherit;color:#fff;background:linear-gradient(120deg, var(--accent), var(--accent-strong));cursor:pointer;border:none;border-radius:10px;padding:.58rem .9rem;font-weight:600;transition:transform .14s,opacity .14s}.validate-button:hover,.copy-button:hover{transform:translateY(-1px)}.validate-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.workspace-grid{grid-template-columns:1.25fr 1fr;gap:1rem;display:grid}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;min-width:0;padding:1rem}.panel-heading{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.7rem;display:flex}.panel-heading p{color:var(--muted);text-align:right;font-size:.87rem}.jsonl-input,.output-view{border:1px solid var(--border);resize:vertical;background:var(--surface-alt);width:100%;color:var(--text);font:500 .84rem/1.5 var(--mono);border-radius:12px;padding:.85rem}.jsonl-input{min-height:min(56vh,520px)}.output-view{min-height:230px}.jsonl-input:focus,.output-view:focus{outline-offset:1px;outline:2px solid #0070f34d}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-bottom:.8rem;display:grid}.stat-card{background:#f8fbff;border:1px solid #dce8f8;border-radius:10px;padding:.65rem}.stat-card span{color:var(--muted);font-size:.78rem;display:block}.stat-card strong{margin-top:.2rem;font-size:1.35rem;display:block}.stat-card.success{background:var(--success-soft);color:var(--success);border-color:#bceace}.stat-card.danger{background:var(--danger-soft);color:var(--danger);border-color:#f6c5cc}.errors-list{border:1px solid var(--border);background:#fff;border-radius:12px;max-height:48vh;overflow:auto}.empty-state{color:var(--muted);text-align:center;padding:1rem}.error-row{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #edf1f5;width:100%;padding:.66rem .78rem}.error-row:last-child{border-bottom:none}.error-row:hover{background:#fff6f7}.error-row span{color:var(--danger);font-size:.84rem;font-weight:600;display:block}.error-row small{color:#783942;font-size:.8rem;font-family:var(--mono);margin-top:.2rem;display:block}.stale-note,.copy-message{color:var(--muted);margin-top:.5rem;font-size:.84rem}.output-panel{margin-top:1rem}.supporting-copy{margin-top:.85rem;padding:.2rem .1rem}.supporting-copy p{color:var(--muted);max-width:92ch;font-size:.88rem}.output-head{align-items:center}@media (width<=980px){.workspace-grid{grid-template-columns:1fr}.jsonl-input{min-height:40vh}.panel-heading{flex-direction:column;align-items:flex-start}.panel-heading p{text-align:left}}@media (width<=620px){.app-shell{width:min(1160px,100% - 1rem);padding-top:1rem}.hero,.panel{border-radius:14px;padding:.85rem}.controls{gap:.55rem}.stat-grid{grid-template-columns:1fr}}