/* Text and developer utilities. Shared --ink/--muted/--line/--paper/--white/--blue tokens keep dark mode in step with the site. */
.tu-page{max-width:1280px}
.tu-heading h1{font-size:clamp(28px,4vw,42px);line-height:1.25;margin:8px 0 12px}
.tu-workbench{border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 14px 42px rgba(23,42,71,.06);padding:16px 18px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.tu-workbench>*{min-width:0}
.tu-label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.tu-workbench textarea,.tu-input,.tu-field input,.tu-field select,.tu-row select{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;font-size:16px;line-height:1.6;color:var(--ink);background:var(--white);min-width:0}
.tu-workbench textarea{resize:vertical}.tu-workbench textarea:focus,.tu-input:focus{outline:2px solid var(--blue);outline-offset:1px}
.tu-big{min-height:260px}
.tu-mono,.tu-workbench .tu-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:14px!important}
.tu-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}
.tu-main,.tu-side{min-width:0;display:grid;gap:10px;align-content:start}
.tu-side h3,.tu-workbench h3{margin:4px 0 2px;font-size:15px}
.tu-actions,.tu-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tu-workbench button{min-height:40px;border:1px solid var(--line);border-radius:10px;padding:6px 13px;font:inherit;font-size:14px;background:var(--white);color:var(--ink);cursor:pointer}
.tu-workbench button.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}
.tu-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
.tu-stats div{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.tu-stats dt{font-size:12.5px;color:var(--muted)}.tu-stats dd{margin:2px 0 0;font-size:22px;font-weight:700;overflow-wrap:anywhere}
.tu-muted{color:var(--muted);font-size:13px;margin:0}
.tu-limits{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.tu-limits li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:13px}.tu-limits b{font-variant-numeric:tabular-nums}
.tu-limits i{grid-column:1/-1;height:6px;border-radius:999px;background:var(--paper);overflow:hidden;border:1px solid var(--line)}.tu-limits em{display:block;height:100%;background:#3fb871}
.tu-limits li.over b{color:#c2410c}.tu-limits li.over em{background:#e05252}
.tu-check{display:inline-flex;gap:6px;align-items:center;font-size:14px}
.tu-table{width:100%;border-collapse:collapse;font-size:13.5px}.tu-table th,.tu-table td{border-top:1px solid var(--line);padding:6px 8px;text-align:left}.tu-table thead th{border-top:0;color:var(--muted);font-size:12.5px}
.tu-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tu-case{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--paper);min-width:0}
.tu-case>div{display:flex;gap:6px;align-items:center;margin-bottom:6px}.tu-case b{flex:1;font-size:13.5px}.tu-case button{min-height:30px!important;padding:3px 10px!important;font-size:12.5px!important}
.tu-case pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;max-height:180px;overflow:auto}
.tu-seg{display:inline-flex;flex-wrap:wrap;max-width:100%;border:1px solid var(--line);border-radius:10px;overflow:hidden}.tu-seg label{display:flex;align-items:center;gap:6px;padding:0 12px;min-height:40px;font-size:14px;cursor:pointer}
.tu-seg label+label{border-left:1px solid var(--line)}.tu-seg input{accent-color:var(--blue)}.tu-seg label:has(input:checked){background:var(--blue-soft,#eaf1ff);font-weight:600}
.tu-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tu-pair textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}
.tu-file{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted);margin-top:6px}.tu-file input{font-size:12.5px;max-width:100%}
.tu-summary{display:flex;flex-wrap:wrap;gap:12px;margin:0;font-size:14px}.tu-summary .add{color:#15803d}.tu-summary .del{color:#b42318}.tu-summary .chg{color:#b45309}.tu-summary .same{color:#15803d}
.tu-result{overflow:auto;max-height:640px;border:1px solid var(--line);border-radius:12px}
.tu-diff{width:100%;border-collapse:collapse;font:13.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;table-layout:fixed}
.tu-diff td{padding:1px 8px;vertical-align:top;white-space:pre-wrap;word-break:break-word}
.tu-diff td.ln{width:44px;color:var(--muted);text-align:right;user-select:none;background:var(--paper)}
.tu-diff.split td:not(.ln){width:calc(50% - 44px)}
.tu-diff td.del,.tu-diff tr.del td:not(.ln){background:rgba(224,82,82,.10)}.tu-diff td.ins,.tu-diff tr.ins td:not(.ln){background:rgba(63,184,113,.12)}
.tu-diff mark.del{background:rgba(224,82,82,.38);color:inherit;border-radius:2px}.tu-diff mark.ins{background:rgba(63,184,113,.42);color:inherit;border-radius:2px}
.tu-pw-opts{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.tu-range{display:grid;gap:4px;min-width:260px;flex:1 1 260px;font-size:14px}.tu-range input{accent-color:var(--blue)}
.tu-field{display:grid;gap:4px;font-size:13px;color:var(--muted)}.tu-small{width:110px}
.tu-pws{display:grid;gap:6px}.tu-pw{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 8px 6px 12px;background:var(--paper)}
.tu-pw code{flex:1;font:16px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}
.tu-meter-row{margin:0;font-size:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tu-meter{display:inline-block;width:140px;height:8px;border-radius:999px;background:var(--paper);border:1px solid var(--line);overflow:hidden}.tu-meter i{display:block;height:100%}
.tu-meter.weak i{background:#e05252}.tu-meter.fair i{background:#e3a008}.tu-meter.strong i{background:#3fb871}.tu-meter.very-strong i{background:#15803d}
.tu-kv{display:grid;gap:6px;margin:0}.tu-kv div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px;font-size:14px}.tu-kv dt{color:var(--muted)}.tu-kv dd{margin:0;overflow-wrap:anywhere}
.tu-json{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font:13.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word;max-height:360px;overflow:auto}
.tu-json .k{color:#7c3aed}.tu-json .s{color:#15803d}.tu-json .n{color:#b45309}.tu-json .b{color:#1d4ed8}
.tu-verify{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:8px}
.tu-ok{color:#15803d;font-weight:600;margin:0}.tu-bad{color:#b42318;font-weight:600;margin:0}
.tu-toast{margin:0;font-size:13px;color:#15803d}
html[data-xunl-theme="dark"] .tu-ok,html[data-xunl-theme="dark"] .tu-toast,html[data-xunl-theme="dark"] .tu-summary .add{color:#86efac}html[data-xunl-theme="dark"] .tu-bad,html[data-xunl-theme="dark"] .tu-summary .del{color:#fca5a5}
html[data-xunl-theme="dark"] .tu-json .k{color:#c4b5fd}html[data-xunl-theme="dark"] .tu-json .s{color:#86efac}html[data-xunl-theme="dark"] .tu-json .n{color:#fcd34d}html[data-xunl-theme="dark"] .tu-json .b{color:#93c5fd}
@media(max-width:900px){.tu-two,.tu-pair,.tu-cases{grid-template-columns:1fr}.tu-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tu-workbench{padding:12px}.tu-kv div{grid-template-columns:1fr}.tu-diff{font-size:12.5px}.tu-diff td.ln{width:30px;padding:1px 4px}}
.tu-utm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tu-utm-grid .tu-wide{grid-column:1/-1}
.tu-field .tu-input{font-size:16px}
.tu-warn{list-style:none;margin:0;padding:0;display:grid;gap:6px}.tu-warn li{border-left:4px solid #e3a008;background:var(--paper);border-radius:8px;padding:7px 12px;font-size:13.5px}.tu-warn li.bad{border-left-color:#e05252}
.tu-linkbtn{min-height:40px;border:1px solid var(--line);border-radius:10px;padding:6px 13px;font-size:14px;background:var(--white);color:var(--ink);text-decoration:none;display:inline-flex;align-items:center}
.tu-hint{margin:0;padding:8px 12px;border-radius:10px;background:var(--blue-soft,#eaf1ff);font-size:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tu-more{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:8px}.tu-more summary{font-weight:700;cursor:pointer}
.tu-url{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}
@media(max-width:760px){.tu-utm-grid{grid-template-columns:1fr}}
.tu-req{color:#b42318;margin-left:3px}
html[data-xunl-theme="dark"] .tu-req{color:#fca5a5}
/* Keep translated actions and native file controls inside their existing cards. */
.tu-case>div{flex-wrap:wrap}.tu-case b{min-width:0;overflow-wrap:anywhere}
.tu-file{max-width:100%;min-width:0;flex-wrap:wrap}.tu-file input{min-width:0;flex:1 1 180px;width:100%;max-width:100%}
.tu-pair>*{min-width:0}