.bmc-tsv{--surface:#fff;--surface-muted:#f1f5f9;--border:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--primary:#0ea5e9;--primary-dark:#0284c7;}
.tj-converter{margin-bottom:2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.06);overflow:hidden;}
.tj-options-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.75rem;padding:1rem;background:var(--surface-muted);border-bottom:1px solid var(--border);}
.tj-opts{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem 1.25rem;}
.tj-opt{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.8125rem;color:var(--text-muted);cursor:pointer;user-select:none;}
.tj-opt input[type="checkbox"]{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer;}
.tj-status{font-size:0.8125rem;color:var(--text-muted);margin:0;min-height:1.25rem;}
.tj-status.is-ok{color:var(--primary);}
.tj-status.is-err{color:#b91c1c;}
.tj-panes{display:flex;flex-direction:column;gap:0;min-height:380px;}
.tj-pane{display:flex;flex-direction:column;gap:0.375rem;padding:1rem;min-height:0;flex:1;}
.tj-pane:first-child{border-bottom:1px solid var(--border);}
.tj-pane-label{font-size:0.8125rem;font-weight:600;letter-spacing:0.02em;color:var(--text-muted);}
.tj-area{width:100%;min-height:140px;padding:0.75rem 1rem;font-size:0.875rem;line-height:1.5;font-family:ui-monospace,monospace;color:var(--text-main);background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;resize:vertical;transition:border-color 0.2s,box-shadow 0.2s;}
.tj-area::placeholder{color:var(--text-muted);opacity:0.9;}
.tj-area:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(14,165,233,0.2);}
.tj-area-in{min-height:160px;}
.tj-area-out{background:var(--surface);cursor:default;min-height:120px;}
.tj-actions{display:flex;flex-wrap:wrap;gap:0.5rem;padding:1rem;background:var(--surface);border-top:1px solid var(--border);}
.tj-btn{padding:0.5rem 1rem;font-size:0.875rem;font-weight:500;line-height:1.25;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background-color 0.2s,border-color 0.2s,color 0.2s;-webkit-tap-highlight-color:transparent;}
.tj-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);}
.tj-btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);}
.tj-btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(14,165,233,0.35);}
.tj-btn-outline{background:transparent;color:var(--text-main);border-color:var(--border);}
.tj-btn-outline:hover{background:var(--surface-muted);}
.tj-btn-ghost{background:transparent;color:var(--text-muted);}
.tj-btn-ghost:hover{background:var(--surface-muted);color:var(--text-main);}
.tj-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,0,0,0.12);}
@media (min-width:768px){.tj-options-row{padding:1rem 1.25rem;}.tj-panes{flex-direction:row;min-height:460px;}.tj-pane{min-height:420px;padding:1.25rem;}.tj-pane:first-child{border-bottom:none;border-right:1px solid var(--border);}.tj-area-in,.tj-area-out{min-height:0;flex:1;}.tj-actions{padding:1rem 1.25rem;}}