/* CAN signal extractor: bit map and figures (tokens only) */
.trt .trt-x7-ta{display:block;inline-size:100%;min-height:150px;max-height:420px;resize:vertical;padding:12px 14px;border:1px solid var(--trt-field-line);border-radius:var(--trt-r);background:#fff;color:var(--trt-ink);font:500 13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;direction:ltr;text-align:left;white-space:pre;overflow:auto;tab-size:4}
.trt .trt-x7-ta:focus{outline:none;border-color:var(--trt-brand);box-shadow:0 0 0 3px rgba(64,189,97,.38)}
.trt .trt-x7-top{display:grid;gap:14px;padding-block:clamp(18px,2.4vw,26px) 8px}
.trt .trt-x7-samples{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.trt .trt-x7-samples .trt-small{margin-inline-end:4px;color:var(--trt-muted)}
.trt .trt-x7-samples button[aria-pressed="true"]{background:var(--trt-graphite);color:#fff;border-color:var(--trt-graphite)}
.trt .trt-tool-card .trt-x7-top+.trt-tabs{margin-top:12px}
.trt code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:.92em;direction:ltr;unicode-bidi:isolate}
.trt .trt-table--out code{white-space:nowrap}
.trt .trt-tcard__art svg{inline-size:56px;block-size:56px;color:var(--trt-graphite);--art-accent:var(--trt-hue-ink)}
.trt .trt-tool-card .trt-big__v{font-size:clamp(26px,3.2vw,38px);line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}
.trt[dir=rtl] .trt-tool-card .trt-big__v{letter-spacing:0}
.trt .trt-field.is-muted{opacity:.6}
@media (max-width:640px){.trt .trt-tool-card .trt-big__v{font-size:clamp(24px,7vw,32px)}}
.trt .trt-cx-gridwrap{overflow-x:auto}
.trt .trt-cx-grid{display:grid;grid-template-columns:44px repeat(8,minmax(30px,1fr));gap:3px;max-width:420px;direction:ltr;font:500 12px/1 var(--trt-font-num)}
.trt .trt-cx-h{color:var(--trt-muted);text-align:center;padding:4px 0;font-weight:600}
.trt .trt-cx-y{display:grid;place-items:center;color:var(--trt-muted);font-weight:600;border-radius:5px}
.trt .trt-cx-y.is-changed{background:var(--trt-amber);color:var(--trt-graphite)}
.trt .trt-cx-b{display:grid;place-items:center;min-block-size:28px;border:1px solid var(--trt-line);border-radius:5px;background:#fff;color:var(--trt-muted)}
.trt .trt-cx-b.is-on{background:var(--trt-hue-soft);border-color:var(--trt-hue);color:var(--trt-ink);font-weight:600}
.trt .trt-cx-b.is-msb{background:var(--trt-graphite);border-color:var(--trt-graphite);color:#fff}
.trt .trt-cx-b.is-lsb{background:var(--trt-green-deep);border-color:var(--trt-green-deep);color:#fff}
.trt .trt-cx-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;padding:0;list-style:none;font-size:13px;color:var(--trt-muted)}
.trt .trt-cx-legend li{display:flex;align-items:center;gap:6px}
.trt .trt-cx-key{inline-size:14px;block-size:14px;border-radius:3px;border:1px solid var(--trt-line);display:inline-block}
.trt .trt-cx-key.is-on{background:var(--trt-hue-soft);border-color:var(--trt-hue)}
.trt .trt-cx-key.is-msb{background:var(--trt-graphite);border-color:var(--trt-graphite)}
.trt .trt-cx-key.is-lsb{background:var(--trt-green-deep);border-color:var(--trt-green-deep)}
.trt .trt-cx-key.is-chg{background:var(--trt-amber);border-color:var(--trt-amber)}
.trt .trt-cx-pre{margin:0;padding:12px 14px;background:var(--trt-surface);border:1px solid var(--trt-line);border-radius:var(--trt-r);font:500 13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;text-align:left}
.trt .trt-cx-plain{margin:0 0 14px;padding:12px 14px;background:var(--trt-surface);border:1px solid var(--trt-line);border-radius:var(--trt-r);direction:ltr;text-align:left;overflow-wrap:anywhere}
.trt .trt-cx-fig{margin:20px 0;padding:18px;border:1px solid var(--trt-line-strong);border-radius:var(--trt-r-lg);background:#fff}
.trt .trt-cx-fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;direction:ltr}
.trt .trt-cx-fhead{margin:0 0 6px;font:600 13px var(--trt-font-num);color:var(--trt-ink)}
.trt .trt-cx-frow{display:grid;grid-template-columns:34px repeat(8,1fr);gap:3px;margin-bottom:3px;font:500 12px/1 var(--trt-font-num)}
.trt .trt-cx-flab{display:grid;place-items:center;color:var(--trt-muted);font-weight:600}
.trt .trt-cx-fig figcaption{margin-top:10px}
