.csv-json-tool .csv-json-options{grid-template-columns:minmax(0,1fr);gap:1rem;margin-block:1.5rem;display:grid}.csv-json-tool label,.csv-json-tool .csv-json-editor-title{color:var(--brand-text);font-size:.875rem;font-weight:600}.csv-json-tool .csv-json-field{flex-direction:column;gap:.5rem;min-width:0;display:flex}.csv-json-tool select{width:100%;min-height:var(--brand-control-height);border:1px solid var(--brand-border);border-radius:var(--brand-radius-control);color:var(--brand-text);font:inherit;background:#fff;padding:.6rem .75rem}.csv-json-tool .csv-json-checks{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}.csv-json-tool .csv-json-checks label{min-height:var(--brand-control-height);align-items:center;gap:.6rem;font-weight:500;display:flex}.csv-json-tool input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-primary-deep);flex-shrink:0}.csv-json-tool .csv-json-editors{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.csv-json-tool .csv-json-editor-header{justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;margin-bottom:.5rem;display:flex}.csv-json-tool textarea{box-sizing:border-box;border:1px solid var(--brand-border);border-radius:var(--brand-radius-control);width:100%;min-height:300px;color:var(--brand-text);font-family:var(--font-mono,monospace);resize:vertical;white-space:pre;overflow-wrap:normal;background:#f8fafc;padding:1rem;font-size:.8125rem;line-height:1.7}.csv-json-tool :is(textarea,select,input):focus-visible{outline:2px solid var(--brand-primary-deep);outline-offset:3px}.csv-json-tool .csv-json-hint{color:var(--brand-text-muted);overflow-wrap:anywhere;margin-block:.75rem;font-size:.8125rem;line-height:1.7}.csv-json-tool .csv-json-status{border:1px solid var(--brand-border);border-radius:var(--brand-radius-control);color:#334155;overflow-wrap:anywhere;background:#f8fafc;margin-top:1rem;padding:.875rem 1rem;font-size:.875rem}.csv-json-tool .csv-json-status[data-state=error]{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.csv-json-tool .csv-json-preview{max-width:100%;margin-top:1rem;overflow-x:auto}.csv-json-tool table{border-collapse:collapse;text-align:left;width:100%;font-size:.8125rem}.csv-json-tool caption{color:var(--brand-text-muted);text-align:left;padding-block:.5rem}.csv-json-tool :is(th,td){border-bottom:1px solid var(--brand-border);overflow-wrap:anywhere;max-width:240px;padding:.75rem}.csv-json-tool th{background:#f8fafc}.csv-json-tool .csv-json-faq details{border-bottom:1px solid var(--brand-border);padding-block:1rem}.csv-json-tool .csv-json-faq summary{cursor:pointer;font-weight:600}.csv-json-tool .csv-json-faq p{color:#475569;margin-top:.75rem;line-height:1.8}@media (width>=640px){.csv-json-tool .csv-json-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.csv-json-tool .csv-json-options{grid-template-columns:minmax(160px,1fr) minmax(0,3fr);align-items:start}.csv-json-tool .csv-json-editors{grid-template-columns:repeat(2,minmax(0,1fr))}}