.csv-hero{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr);gap:1rem;padding-block:3.5rem 1.5rem;display:grid}.csv-hero h1{max-width:16ch;margin-block:.35rem 1rem;font-size:clamp(2.25rem,5vw,4.5rem);line-height:.98}.csv-hero>div>p:last-child{max-width:66ch;font-size:1.08rem}.csv-privacy,.csv-options{padding:1.25rem}.csv-privacy strong{margin-block:.35rem .8rem;display:block}.csv-privacy ul{gap:.4rem;margin:0;padding-left:1.2rem;display:grid}.csv-workbench{gap:1rem;padding-block:1rem 2.5rem;display:grid}.csv-toolbar,.csv-results-header,.csv-input-panel>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.csv-toolbar,.csv-results{padding:1rem 1.25rem}.csv-toolbar h2,.csv-results h2,.csv-options h3{margin:.2rem 0 0}.csv-actions,.csv-result-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.csv-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,.3fr);gap:1rem;display:grid}.csv-input-panel,.csv-results{min-width:0;overflow:hidden}.csv-input-panel>header{border-bottom:1px solid var(--line);padding:.8rem 1rem}.csv-input-panel>header>label:first-child{font-weight:800}.csv-input-panel textarea{resize:vertical;background:var(--code);width:100%;min-height:25rem;color:var(--text);font:.9rem/1.55 var(--font-mono);border:0;border-radius:0;padding:1rem;display:block}.csv-count,.csv-diagnostic{border-top:1px solid var(--line);margin:0;padding:.6rem 1rem}.csv-diagnostic[data-state=valid],.csv-status[data-state=valid]{color:var(--success)}.csv-diagnostic[data-state=invalid],.csv-status[data-state=invalid],.csv-error{color:var(--danger)}.csv-options{flex-direction:column;gap:1rem;display:flex}.csv-options>label:not(.csv-checkbox){gap:.4rem;font-weight:700;display:grid}.csv-options select{width:100%}.csv-checkbox{cursor:pointer;align-items:flex-start;gap:.7rem;display:flex}.csv-checkbox input{width:1.1rem;height:1.1rem;margin-top:.2rem}.csv-checkbox span,.csv-checkbox small{display:block}.csv-preview{border:1px solid var(--line);border-radius:.75rem;max-width:100%;margin-top:1rem;overflow:auto}.csv-preview table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.9rem}.csv-preview th,.csv-preview td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:24rem;padding:.65rem .75rem;overflow:hidden}.csv-preview th{background:var(--code);font-weight:800;position:sticky;top:0}.csv-preview th:last-child,.csv-preview td:last-child{border-right:0}.csv-preview tbody tr:last-child td{border-bottom:0}.csv-empty,.csv-error{margin:0;padding:1rem}.csv-status{color:var(--muted);margin:1rem 0 0}.csv-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-block:1.5rem;display:grid}.csv-guide .panel,.csv-faq .panel{padding:1.25rem}.csv-guide h2,.csv-guide h3{margin-block:.4rem .65rem}.csv-faq{gap:.75rem;padding-block:1.5rem 4rem;display:grid}.csv-faq h2{margin:0}.csv-faq summary{cursor:pointer;font-weight:800}@media (width<=899px){.csv-hero,.csv-layout,.csv-guide{grid-template-columns:1fr}.csv-hero{padding-top:2.5rem}.csv-toolbar,.csv-results-header{flex-direction:column;align-items:flex-start}.csv-actions,.csv-result-actions{justify-content:flex-start}}@media (width<=600px){.csv-hero h1{font-size:clamp(2.1rem,12vw,3.25rem)}.csv-toolbar,.csv-results{padding:1rem}.csv-actions{grid-template-columns:1fr;width:100%;display:grid}.csv-actions .button{width:100%}.csv-input-panel>header{flex-direction:column;align-items:flex-start}.csv-input-panel textarea{min-height:20rem}}.csvj-hero{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr);gap:1rem;padding-block:3.5rem 1.5rem;display:grid}.csvj-hero h1{max-width:17ch;margin-block:.35rem 1rem;font-size:clamp(2.25rem,5vw,4.5rem);line-height:.98}.csvj-hero>div>p:last-child{max-width:66ch;font-size:1.08rem}.csvj-privacy,.csvj-options{padding:1.25rem}.csvj-privacy strong{margin-block:.35rem .8rem;display:block}.csvj-privacy ul{gap:.4rem;margin:0;padding-left:1.2rem;display:grid}.csvj-workbench{gap:1rem;padding-block:1rem 2.5rem;display:grid}.csvj-toolbar,.csvj-results-header,.csvj-editor>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.csvj-toolbar,.csvj-results{padding:1rem 1.25rem}.csvj-toolbar h2,.csvj-results h2,.csvj-options h3{margin:.2rem 0 0}.csvj-actions,.csvj-result-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.csvj-grid{grid-template-columns:minmax(0,1fr) minmax(16rem,.3fr);gap:1rem;display:grid}.csvj-editor,.csvj-results{min-width:0;overflow:hidden}.csvj-editor>header{border-bottom:1px solid var(--line);padding:.8rem 1rem}.csvj-editor>header>label:first-child{font-weight:800}.csvj-editor textarea{resize:vertical;background:var(--code);width:100%;min-height:25rem;color:var(--text);font:.9rem/1.55 var(--font-mono);border:0;border-radius:0;padding:1rem;display:block}.csvj-count,.csvj-diagnostic{border-top:1px solid var(--line);margin:0;padding:.6rem 1rem}.csvj-diagnostic[data-state=valid],.csvj-status[data-state=valid]{color:var(--success)}.csvj-diagnostic[data-state=invalid],.csvj-status[data-state=invalid],.csvj-error{color:var(--danger)}.csvj-options{flex-direction:column;gap:1rem;display:flex}.csvj-options>label:not(.csvj-check){gap:.4rem;font-weight:700;display:grid}.csvj-options select{width:100%}.csvj-check{cursor:pointer;align-items:flex-start;gap:.7rem;display:flex}.csvj-check input{width:1.1rem;height:1.1rem;margin-top:.2rem}.csvj-check span,.csvj-check small{display:block}.csvj-output-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-top:1rem;display:grid}.csvj-preview{border:1px solid var(--line);border-radius:.75rem;max-width:100%;overflow:auto}.csvj-preview table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.9rem}.csvj-preview th,.csvj-preview td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:20rem;padding:.6rem .7rem;overflow:hidden}.csvj-preview th{background:var(--code)}.csvj-output-grid>pre{border:1px solid var(--line);background:var(--code);white-space:pre;border-radius:.75rem;min-height:18rem;max-height:32rem;margin:0;padding:1rem;overflow:auto}.csvj-empty,.csvj-error{margin:0;padding:1rem}.csvj-status{color:var(--muted);margin:1rem 0 0}.csvj-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-block:1.5rem;display:grid}.csvj-guide .panel,.csvj-faq .panel{padding:1.25rem}.csvj-guide h2,.csvj-guide h3{margin-block:.4rem .65rem}.csvj-faq{gap:.75rem;padding-block:1.5rem 4rem;display:grid}.csvj-faq h2{margin:0}.csvj-faq summary{cursor:pointer;font-weight:800}@media (width<=899px){.csvj-hero,.csvj-grid,.csvj-guide,.csvj-output-grid{grid-template-columns:1fr}.csvj-hero{padding-top:2.5rem}.csvj-toolbar,.csvj-results-header{flex-direction:column;align-items:flex-start}.csvj-actions,.csvj-result-actions{justify-content:flex-start}}@media (width<=600px){.csvj-hero h1{font-size:clamp(2.1rem,12vw,3.25rem)}.csvj-toolbar,.csvj-results{padding:1rem}.csvj-actions{grid-template-columns:1fr;width:100%;display:grid}.csvj-actions .button{width:100%}.csvj-editor>header{flex-direction:column;align-items:flex-start}.csvj-editor textarea{min-height:20rem}}.tabular-hero{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr);gap:1rem;padding-block:3.5rem 1.5rem;display:grid}.tabular-hero h1{max-width:18ch;margin-block:.35rem 1rem;font-size:clamp(2.25rem,5vw,4.5rem);line-height:.98}.tabular-privacy,.tabular-toolbar,.tabular-results,.tabular-options{padding:1.25rem}.tabular-workbench{gap:1rem;padding-block:1rem 2.5rem;display:grid}.tabular-toolbar,.tabular-results-header,.tabular-editor>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.tabular-actions,.tabular-result-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.tabular-reverse{margin:0;padding:.85rem 1rem}.tabular-grid{grid-template-columns:minmax(0,1fr) minmax(16rem,.3fr);gap:1rem;display:grid}.tabular-editor,.tabular-results{min-width:0;overflow:hidden}.tabular-editor>header{border-bottom:1px solid var(--line);padding:.8rem 1rem}.tabular-editor textarea{resize:vertical;background:var(--code);width:100%;min-height:23rem;color:var(--text);font:.9rem/1.55 var(--font-mono);border:0;border-radius:0;padding:1rem;display:block}.tabular-count,.tabular-diagnostic{border-top:1px solid var(--line);margin:0;padding:.6rem 1rem}.tabular-options{flex-direction:column;gap:1rem;display:flex}.tabular-options>label:not(.tabular-check){gap:.4rem;font-weight:700;display:grid}.tabular-check{align-items:flex-start;gap:.7rem;display:flex}.tabular-check span,.tabular-check small{display:block}.tabular-output-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-top:1rem;display:grid}.tabular-preview{border:1px solid var(--line);border-radius:.75rem;min-width:0;min-height:18rem;max-height:32rem;overflow:auto}.tabular-preview table{border-collapse:collapse;width:max-content;min-width:100%}.tabular-preview th,.tabular-preview td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;text-overflow:ellipsis;white-space:pre-wrap;max-width:22rem;padding:.65rem .75rem;overflow:hidden}.tabular-preview th{background:var(--code);position:sticky;top:0}.tabular-output-grid textarea{resize:vertical;background:var(--code);width:100%;min-height:18rem;max-height:32rem;font:.85rem/1.55 var(--font-mono)}.tabular-error,.tabular-empty{margin:0;padding:1rem}.tabular-error,.tabular-diagnostic[data-state=invalid],.tabular-status[data-state=invalid]{color:var(--danger)}.tabular-diagnostic[data-state=valid],.tabular-status[data-state=valid]{color:var(--success)}.tabular-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-block:1.5rem 4rem;display:grid}.tabular-guide .panel{padding:1.25rem}@media (width<=899px){.tabular-hero,.tabular-grid,.tabular-output-grid,.tabular-guide{grid-template-columns:1fr}.tabular-toolbar,.tabular-results-header{flex-direction:column;align-items:flex-start}.tabular-actions,.tabular-result-actions{justify-content:flex-start}}@media (width<=600px){.tabular-hero h1{font-size:clamp(2.1rem,12vw,3.25rem)}.tabular-actions{width:100%;display:grid}.tabular-actions .button{width:100%}.tabular-editor>header{flex-direction:column;align-items:flex-start}}