.json-to-csv [hidden],.json-to-csv[data-from=json] [data-only=csv],.json-to-csv[data-from=csv] [data-only=json]{display:none}.json-to-csv__input,.json-to-csv__output{min-block-size:24rem;min-inline-size:0}.json-to-csv__input.is-dragover{border-style:dashed;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-sheet)}.json-to-csv__text{field-sizing:fixed;font-variant-ligatures:none;min-block-size:18rem}@media (min-width:64rem){.json-to-csv__text{min-block-size:28rem;max-block-size:70vh}}.json-to-csv__text[readonly]{color:var(--ink)}.json-to-csv__file{cursor:pointer}.json-to-csv__file:focus-within{outline:2px solid var(--focus);outline-offset:2px}.json-to-csv__head{gap:var(--space-2) var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;padding-inline-end:var(--space-4);display:flex}.json-to-csv__head .segmented{flex-wrap:nowrap;margin-block-start:var(--space-3)}.json-to-csv__toolbar{gap:var(--space-2) var(--space-5);padding:var(--space-3) var(--space-5) var(--space-3);border-block-end:1px solid var(--sheet-rule);flex-wrap:wrap;align-items:center;display:flex}.json-to-csv__toolbar .check{font-size:.875rem}.json-to-csv__option{gap:var(--space-2);color:var(--ink-2);align-items:center;font-size:.875rem;font-weight:550;display:inline-flex}.json-to-csv__select{min-block-size:2rem;inline-size:auto;min-inline-size:0;max-inline-size:100%;padding-block:var(--space-1)}.json-to-csv__shape{flex-wrap:nowrap}.json-to-csv__hint{max-inline-size:62ch;color:var(--ink-3);font-size:var(--text-sm);text-wrap:pretty;flex-basis:100%}.json-to-csv__result{flex-direction:column;flex:1;min-block-size:0;display:flex}.json-to-csv__empty{padding:var(--space-8) var(--space-5);color:var(--ink-3);text-align:center;flex:1;place-content:center;display:grid}.json-to-csv__empty p{justify-items:center;gap:var(--space-3);display:grid}.json-to-csv__empty .icon{block-size:1.75rem;inline-size:1.75rem;color:var(--accent)}.json-to-csv__notes{gap:var(--space-1);margin:var(--space-3) var(--space-5) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--paper);color:var(--ink-2);font-size:var(--text-sm);list-style:none;display:grid}.json-to-csv__notes li{gap:var(--space-2);text-wrap:pretty;display:flex}.json-to-csv__notes li:before{content:"";background:var(--accent);border-radius:50%;flex:none;block-size:.3125rem;inline-size:.3125rem;margin-block-start:.55em}.json-to-csv__table-wrap{max-block-size:26rem;margin:var(--space-3) var(--space-5) var(--space-2);border:1px solid var(--sheet-rule);border-radius:var(--radius);overscroll-behavior:contain;flex:none;overflow:auto}@media (min-width:64rem){.json-to-csv__table-wrap{max-block-size:60vh}}.json-to-csv__table-wrap:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.json-to-csv__table{border-collapse:separate;border-spacing:0;min-inline-size:100%;font-size:var(--text-sm);line-height:1.5}.json-to-csv__table th,.json-to-csv__table td{max-inline-size:18rem;padding:var(--space-1) var(--space-3);border-block-end:1px solid var(--sheet-rule);text-align:start;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;overflow:hidden}.json-to-csv__table thead th{z-index:1;border-block-end-color:var(--line-strong);background:var(--sheet);color:var(--ink);font-weight:650;position:sticky;inset-block-start:0}.json-to-csv__table tbody tr:last-child>*{border-block-end:0}@media (hover:hover){.json-to-csv__table tbody tr:hover>*{background:var(--hover)}}.json-to-csv__table .json-to-csv__num{border-inline-end:1px solid var(--sheet-rule);background:var(--sheet);inline-size:1%;color:var(--ink-3);text-align:end;font-weight:400;position:sticky;inset-inline-start:0}.json-to-csv__table thead .json-to-csv__num{z-index:2}.json-to-csv__more{margin:0 var(--space-5) var(--space-3);color:var(--ink-3);font-size:var(--text-sm)}.json-to-csv__error{margin:var(--space-3) var(--space-5) var(--space-5)}.json-to-csv__error>.icon{flex:none;margin-block-start:.2em}.json-to-csv__error-body{gap:var(--space-2);min-inline-size:0;color:var(--ink);justify-items:start;display:grid}.json-to-csv__error-title{color:var(--danger);font-weight:650}.json-to-csv__error-title [data-error-at]:before{content:"· "}.json-to-csv__error-actions{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-1);display:flex}.json-to-csv__excerpt{max-inline-size:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre;font-variant-ligatures:none;margin:0;line-height:1.5;overflow-x:auto}