.csv-json-page main{max-width:1200px}.converter-shell{display:flex;flex-direction:column;gap:1.5rem;background:var(--card-bg);border:1px solid var(--card-border)}.converter-header{display:flex;flex-direction:column;gap:1rem}.inline-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.lead{margin:.25rem 0 .5rem}.eyebrow,.lead{color:var(--text-muted)}.eyebrow{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.2rem}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem}.pill{background:#2563eb1a;color:var(--primary-color);border:1px solid #2563eb33;padding:.35rem .75rem;border-radius:999px;font-weight:600;font-size:.85rem}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;padding:1rem;border-radius:12px;background:#00000005;border:1px solid var(--card-border)}.delimiter-selector{display:flex;flex-direction:column;gap:.35rem}.delimiter-hint{font-size:.85rem;color:var(--text-muted)}.checkbox-row{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.inline-checkbox{display:flex;align-items:center;gap:.5rem;font-weight:600}.converter-grid{display:grid;grid-template-columns:1fr;gap:1rem}.panel{background:var(--bg-color);border:1px solid var(--card-border);border-radius:14px;padding:1rem;flex-direction:column;box-shadow:0 10px 30px #0000000a}.panel,.panel-header{display:flex;gap:.75rem}.panel-header{justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.muted{margin:.2rem 0 0;color:var(--text-muted)}.small-actions{display:flex;flex-wrap:wrap;gap:.5rem}.upload-btn{position:relative;overflow:hidden;padding:.65rem 1rem;border-radius:10px;border:1px dashed var(--card-border);background:#00000005;font-weight:700;cursor:pointer;font-size:.95rem}.upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.action-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.output{display:flex;flex-direction:column;gap:.5rem}.guide-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:.5rem}.guide-card{background:#00000005;border:1px solid var(--card-border);border-radius:12px;padding:1rem}.guide-card ul{padding-left:1.25rem;margin:.5rem 0 0;color:var(--text-muted);line-height:1.6}.guide-card code{background:#0000000d;padding:.1rem .35rem;border-radius:6px;font-size:.95rem}.error-banner{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;padding:.75rem 1rem;border-radius:10px;font-weight:700}.ghost{background:#0000;border-style:dashed}@media (min-width:900px){.converter-header{flex-direction:row;justify-content:space-between;align-items:flex-start}.converter-grid,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}