.jlj-tt-regex,.jlj-tt-urlhttp{max-width:100%;min-width:0}.jlj-tt-regex .jlj-tt-card,.jlj-tt-urlhttp .jlj-tt-card{margin-inline:auto;max-width:1180px;min-width:0}
.jlj-tt-regex .jlj-tt-tabs,.jlj-tt-urlhttp .jlj-tt-tabs{margin:18px 0}
.jlj-tt-tool-panel[hidden]{display:none}
.jlj-tt-tool-section{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-tool-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.jlj-tt-tool-status{display:none;margin-top:12px}.jlj-tt-tool-status.is-visible{display:block}.jlj-tt-tool-status.is-good{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.28);color:#047857}.jlj-tt-tool-status.is-bad{background:#fff5f5;border-color:rgba(220,38,38,.28);color:#991b1b}
.jlj-tt-option-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 14px}.jlj-tt-option-row label{align-items:center;color:var(--jlj-tt-muted);display:inline-flex;font-size:14px;font-weight:700;gap:6px}.jlj-tt-option-row input{accent-color:var(--jlj-tt-primary);height:18px;width:18px}
.jlj-tt-regex-highlight{background:#fff;border:1px solid var(--jlj-tt-border);border-radius:var(--jlj-tt-radius-sm);color:var(--jlj-tt-ink);line-height:1.7;margin-top:14px;max-height:360px;overflow:auto;padding:14px;white-space:pre-wrap;word-break:break-word}.jlj-tt-regex-match{background:#fef08a;border-bottom:2px solid #eab308;border-radius:3px;color:#713f12;padding:1px 2px}
.jlj-tt-table-wrap{margin-top:14px;max-width:100%;overflow:auto}.jlj-tt-table-wrap .jlj-tt-table{min-width:680px;width:100%}.jlj-tt-table td{vertical-align:top;word-break:break-word}
.jlj-tt-pattern-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin-top:14px}.jlj-tt-pattern-card{background:#fff;border:1px solid var(--jlj-tt-border);border-radius:var(--jlj-tt-radius-sm);display:grid;gap:9px;padding:14px}.jlj-tt-pattern-card h4{font-size:16px;margin:0}.jlj-tt-pattern-code{background:var(--jlj-tt-code);border-radius:8px;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow:auto;padding:9px;white-space:pre}.jlj-tt-pattern-meta{color:var(--jlj-tt-muted);font-size:13px;margin:0}.jlj-tt-pattern-card .jlj-tt-actions{margin-top:auto}
.jlj-tt-token-table code{white-space:nowrap}
.jlj-tt-regex .jlj-tt-select,.jlj-tt-urlhttp .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-regex .jlj-tt-select:focus,.jlj-tt-urlhttp .jlj-tt-select:focus{border-color:var(--jlj-tt-primary);box-shadow:var(--jlj-tt-focus);outline:none}
@media(min-width:760px){.jlj-tt-tool-grid.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}.jlj-tt-tool-grid.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.jlj-tt-tool-section{padding:12px}.jlj-tt-pattern-grid{grid-template-columns:minmax(0,1fr)}.jlj-tt-regex .jlj-tt-actions>*{flex:1 1 100%}}