.csv-hidden-input{display:none}.csv-options{display:grid;grid-template-columns:minmax(170px,1fr) repeat(3,auto);grid-gap:.9rem 1.25rem;gap:.9rem 1.25rem;align-items:center;margin-bottom:1.25rem}.csv-options .field{margin:0}.csv-check{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.88rem;font-weight:600;cursor:pointer}.csv-check input{width:17px;height:17px;accent-color:var(--primary);flex-shrink:0}.csv-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:1.25rem;gap:1.25rem;align-items:start}.csv-pane{display:flex;flex-direction:column;min-width:0}.csv-pane.dragging{border-color:var(--primary);background:#ffe9cc}.csv-pane-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.75rem}.csv-pane-head h2{font-size:1.05rem;margin:0}.csv-textarea{min-height:340px;resize:vertical;background:#fff;font-family:Courier New,Consolas,monospace;font-size:.84rem;line-height:1.55}.csv-foot{margin:.6rem 0 0}.csv-output-wrap{flex:1 1;min-height:340px;border-radius:12px;background:linear-gradient(150deg,#3d2329,#241417);overflow:hidden}.csv-output{margin:0;padding:1rem;max-height:430px;overflow:auto;color:#fff8ee;font-family:Courier New,Consolas,monospace;font-size:.8rem;line-height:1.55;white-space:pre}.csv-empty{display:flex;align-items:center;justify-content:center;min-height:340px;padding:1rem;color:var(--muted);font-size:.9rem;text-align:center}.csv-stats{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:.7rem;font-size:.8rem}.csv-warning{margin-top:1rem;padding:.75rem 1rem;border-radius:12px;border:1px solid #f2d38a;background:#fff4d6;color:#7a5a10;font-size:.87rem}.csv-warning p{margin:.15rem 0}@media (max-width:900px){.csv-options{grid-template-columns:minmax(170px,1fr) 1fr}}@media (max-width:820px){.csv-layout{grid-template-columns:1fr}.csv-empty,.csv-output-wrap{min-height:260px}}@media (max-width:560px){.csv-options{grid-template-columns:1fr}}