#t-csvcol .toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border-soft);background:var(--bg-subtle)}#t-csvcol .spacer{flex:1}#t-csvcol .seg{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2);font-weight:500}#t-csvcol .seg select{font-family:inherit;font-size:14px;font-weight:600;padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--ink);cursor:pointer;outline:none}#t-csvcol .cols{padding:16px 20px;border-bottom:1px solid var(--border-soft);background:var(--surface)}#t-csvcol .cols-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px}#t-csvcol .cols-title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}#t-csvcol .cols-hint{font-size:13px;color:var(--text-muted)}#t-csvcol .chips{display:flex;flex-wrap:wrap;gap:8px;min-height:34px;align-items:center}#t-csvcol .chips-empty{font-size:14px;color:var(--text-muted)}#t-csvcol .chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);cursor:pointer;user-select:none;transition:all .15s}#t-csvcol .chip .chip-name{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-2)}#t-csvcol .chip.on{border-color:var(--brand);background:var(--brand-light)}#t-csvcol .chip.on .chip-name{color:var(--brand-dark)}#t-csvcol .chip .chip-order{display:none;font-size:12px;font-weight:700;color:var(--brand-dark);background:var(--surface);border:1px solid var(--brand);border-radius:var(--r-full);min-width:18px;height:18px;align-items:center;justify-content:center;padding:0 4px}#t-csvcol .chip.on .chip-order{display:inline-flex}#t-csvcol .chip .chip-move{display:none;gap:2px;margin-left:2px}#t-csvcol .chip.on .chip-move{display:inline-flex}#t-csvcol .chip .chip-move button{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text-2);cursor:pointer;font-size:11px;line-height:1}#t-csvcol .chip .chip-move button:hover{border-color:var(--brand);color:var(--brand-dark)}#t-csvcol .chip .chip-move button:disabled{opacity:.35;cursor:default}#t-csvcol .io{display:grid;grid-template-columns:1fr 1fr;min-height:380px}#t-csvcol .io>div{display:flex;flex-direction:column}#t-csvcol .io-label{padding:12px 18px;font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}#t-csvcol .pane{flex:1;display:flex}#t-csvcol textarea,#t-csvcol pre.out{flex:1;width:100%;margin:0;border:none;outline:none;resize:none;font-family:var(--font-mono);font-size:13.5px;line-height:1.7;padding:0 18px 18px;background:var(--surface);color:var(--ink);white-space:pre;overflow:auto;tab-size:2}#t-csvcol textarea{border-right:1px solid var(--border-soft)}#t-csvcol pre.out{border-left:1px solid var(--border-soft);margin-left:-1px}#t-csvcol .actions{display:flex;align-items:center;gap:10px;padding:16px 20px;border-top:1px solid var(--border-soft);background:var(--bg-subtle)}#t-csvcol .copied{margin-left:auto;color:var(--success);font-weight:600;opacity:0;transition:opacity .2s}#t-csvcol .copied.show{opacity:1}#t-csvcol .status{display:flex;align-items:center;gap:10px;padding:13px 20px;border-top:1px solid var(--border-soft);font-size:14px;font-weight:500;background:var(--bg-subtle)}#t-csvcol .status .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}#t-csvcol .status.ok{color:var(--success)}#t-csvcol .status.ok .dot{background:var(--success)}#t-csvcol .status.err{color:var(--error);background:var(--error-bg)}#t-csvcol .status.err .dot{background:var(--error)}#t-csvcol .status.idle{color:var(--text-muted)}#t-csvcol .status.idle .dot{background:var(--text-muted)}@media (max-width:820px){#t-csvcol .io{grid-template-columns:1fr}#t-csvcol textarea{border-right:none;border-bottom:1px solid var(--border-soft)}#t-csvcol pre.out{border-left:none;margin-left:0}}