/* html-table-csv:r1 */
.html-table-input { width: 100%; min-height: 210px; box-sizing: border-box; margin: 8px 0 12px; font: .92rem/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.html-table-file { display: block; width: 100%; margin: 8px 0 16px; }
.html-table-controls { display: grid; grid-template-columns: auto minmax(150px, .8fr) minmax(180px, 1.6fr); gap: 10px; align-items: center; margin-top: 12px; }
.html-table-select-label { font-weight: 700; }
.html-table-controls select { min-width: 0; }
.html-table-checkbox { display: inline-flex; align-items: center; gap: 7px; min-width: 0; color: var(--muted); }
.html-table-checkbox input { width: auto; margin: 0; accent-color: var(--primary); }
.html-table-preview { max-width: 100%; overflow: auto; margin-top: 12px; border: 1px solid var(--line); border-radius: 8px; }
.html-table-result { width: 100%; border-collapse: collapse; font-size: .9rem; }
.html-table-result th, .html-table-result td { max-width: 260px; padding: 8px 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; white-space: pre-wrap; overflow-wrap: anywhere; }
.html-table-result th { background: var(--surface-muted); }
.html-table-note { margin: 8px 0 0; color: var(--muted); font-size: .86rem; }
@media (max-width: 700px) {
  .html-table-controls { grid-template-columns: 1fr; align-items: stretch; }
  .html-table-select-label { margin-top: 4px; }
  .html-table-controls select { width: 100%; }
}