.tcg-tb-lab{margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);min-width:0}.tcg-tb-lab [hidden]{display:none!important}.tcg-tb-lab p{font-size:14px;line-height:1.75;margin:10px 0}.tcg-tb-lab h4{font-size:14px;margin:16px 0 9px}.tcg-tb-lab .mechanism-view-heading{gap:12px}
.tcg-tb-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;margin:18px 0}.tcg-tb-controls label{display:grid;gap:6px;min-width:0;font-size:13px;font-weight:600}.tcg-tb-controls select{font:inherit;max-width:100%;width:100%;box-sizing:border-box;min-width:0;border:1px solid var(--line);border-radius:7px;padding:9px 30px 9px 10px;color:var(--ink);background-color:var(--surface,#fff)}.tcg-tb-controls>small{font-size:12px;color:var(--muted);line-height:1.7;align-self:center}.tcg-tb-actions,.tcg-tb-controls>p{grid-column:1/-1}.tcg-tb-actions{display:flex;flex-wrap:wrap;gap:8px}.tcg-tb-lab button{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:7px;padding:9px 12px;color:var(--ink-2);background:var(--surface,#fff);cursor:pointer;white-space:normal}.tcg-tb-lab button:hover{border-color:var(--accent,#008080)}.tcg-tb-lab :is(button,select):focus-visible{outline:2px solid var(--accent,#008080);outline-offset:3px}
.tcg-tb-status{padding:12px;border-radius:7px;background:#edf5f0;color:#264f46;overflow-wrap:anywhere}.tcg-tb-lab .tcg-tb-key,.tcg-tb-lab .tcg-tb-note{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.tcg-tb-pages{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;margin:18px 0}.tcg-tb-page{border:1px solid var(--line);border-radius:8px;padding:12px;min-width:0;background:#f9faf8}.tcg-tb-page h4{margin:0 0 10px;font-size:12px;color:var(--muted)}.tcg-tb-blocks{display:flex;gap:10px;min-width:0}.tcg-tb-block{flex:1;display:grid;gap:6px;border:1px solid #c7d0ca;border-radius:6px;padding:10px;min-width:0;font-size:12px;background:#fff}.tcg-tb-block strong{font-size:13px}.tcg-tb-block small{font-size:10px;color:var(--muted)}.tcg-tb-block[data-state=valid]{background:#eaf4ef;border-color:#8bb09e}.tcg-tb-block[data-state=invalid]{background:#f8efea;border-style:dashed}.tcg-tb-block[data-current=true]{outline:2px solid #337f71;outline-offset:2px}.tcg-tb-block :is(strong,span,small){overflow-wrap:anywhere}
.tcg-tb-links,.tcg-tb-stages{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;line-height:1.6}.tcg-tb-links span{padding:6px 10px;border-radius:5px;background:#eaf4ef;color:#285e50}.tcg-tb-links .tcg-tb-no-link{background:#f2f3f1;color:var(--muted)}.tcg-tb-stages{margin:18px 0}.tcg-tb-stages span{background:#eef1f5;padding:7px 10px;border-radius:5px;overflow-wrap:anywhere}.tcg-tb-trace{padding:0;list-style:none;font-size:12px;line-height:1.75}.tcg-tb-trace li{padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.tcg-tb-lab .tcg-tb-error{font-size:13px;color:#934329;margin:0}.tcg-tb-lab .tcg-tb-note{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.tcg-tb-lab.is-expanded{width:100%;max-width:none;box-sizing:border-box;margin:0 auto}
@media(max-width:600px){.tcg-tb-lab{padding:13px}.tcg-tb-controls,.tcg-tb-pages{grid-template-columns:minmax(0,1fr)}.tcg-tb-lab .mechanism-view-heading{flex-wrap:wrap}.tcg-tb-page{padding:10px}.tcg-tb-block{padding:8px}.tcg-tb-blocks{gap:8px}}