.jlj-tt-encoding{max-width:100%;min-width:0}.jlj-tt-encoding .jlj-tt-card{margin-inline:auto;max-width:1180px;min-width:0}.jlj-tt-encoding .jlj-tt-tabs{margin:18px 0}.jlj-tt-encoding-panel[hidden]{display:none}.jlj-tt-encoding-panel{background:rgba(255,255,255,.84);border:1px solid var(--jlj-tt-border);border-radius:var(--jlj-tt-radius-sm);min-width:0;padding:clamp(14px,1.8vw,20px)}
.jlj-tt-encoding-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);margin-bottom:14px}.jlj-tt-encoding .jlj-tt-select{appearance:none;background:#fff;border:1px solid var(--jlj-tt-border-strong);border-radius:var(--jlj-tt-radius-sm);color:var(--jlj-tt-ink);font:inherit;min-height:46px;padding:10px 12px;width:100%}.jlj-tt-encoding .jlj-tt-select:focus{border-color:var(--jlj-tt-primary);box-shadow:var(--jlj-tt-focus);outline:none}.jlj-tt-encoding-check{align-items:center;color:var(--jlj-tt-muted);display:flex;font-size:14px;font-weight:700;gap:8px;min-height:46px}.jlj-tt-encoding-check input{accent-color:var(--jlj-tt-primary);height:18px;width:18px}
.jlj-tt-encoding-status{display:none;margin-top:12px}.jlj-tt-encoding-status.is-visible{display:block}.jlj-tt-encoding-status.is-good{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.28);color:#047857}.jlj-tt-encoding-status.is-bad{background:#fff5f5;border-color:rgba(220,38,38,.28);color:#991b1b}.jlj-tt-encoding-meta{color:var(--jlj-tt-muted);font-size:13px;line-height:1.55;margin:12px 0;white-space:pre-wrap}.jlj-tt-encoding .jlj-tt-pre{max-height:480px;min-height:100px;overflow:auto;white-space:pre-wrap;word-break:break-word}.jlj-tt-encoding .jlj-tt-table-wrap{margin-top:14px;max-width:100%;overflow:auto}.jlj-tt-encoding .jlj-tt-table{min-width:720px;width:100%}.jlj-tt-encoding-detections{display:grid;gap:12px;margin-top:14px}.jlj-tt-detection{background:#fff;border:1px solid var(--jlj-tt-border);border-radius:10px;display:grid;gap:8px;padding:14px}.jlj-tt-detection-head{align-items:center;display:flex;flex-wrap:wrap;gap:9px;justify-content:space-between}.jlj-tt-detection h4{font-size:16px;margin:0}.jlj-tt-detection ul{color:var(--jlj-tt-muted);margin:0;padding-left:20px}.jlj-tt-format-badge{border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;padding:5px 9px}.is-high{background:#d1fae5;color:#065f46}.is-medium{background:#dbeafe;color:#1e40af}.is-low{background:#fef3c7;color:#92400e}
@media(min-width:760px){.jlj-tt-encoding-grid.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}.jlj-tt-encoding-grid.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.jlj-tt-encoding-panel{padding:12px}.jlj-tt-encoding .jlj-tt-actions>*{flex:1 1 100%}}