#js-tool-container-channel-strength-torsion-calculator .channel-strength-torsion-calculator-app { display:flex; flex-direction:column; gap:14px; }
#js-tool-container-channel-strength-torsion-calculator .tb-zone { display:flex; flex-direction:column; gap:14px; }
#js-tool-container-channel-strength-torsion-calculator .tb-grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 20px; }
#js-tool-container-channel-strength-torsion-calculator .tb-field { display:flex; flex-direction:column; gap:6px; }
#js-tool-container-channel-strength-torsion-calculator .tb-hint { color:var(--text-muted); font-size:.82rem; line-height:1.35; }
#js-tool-container-channel-strength-torsion-calculator .tb-error { color:var(--danger-color); font-size:.82rem; min-height:1.1em; }
#js-tool-container-channel-strength-torsion-calculator .tb-span-all { grid-column:1/-1; }
#js-tool-container-channel-strength-torsion-calculator .tb-zone[data-tb-zone="outcome"] { gap:16px; }
#js-tool-container-channel-strength-torsion-calculator .tb-hero { border:1px solid var(--border-color); border-left:4px solid var(--accent-primary); border-radius:var(--radius-md); background:var(--accent-light); padding:18px 20px; min-height:132px; display:flex; flex-direction:column; gap:6px; }
#js-tool-container-channel-strength-torsion-calculator .tb-hero-value { font-size:clamp(1.9rem,5vw,2.9rem); font-variant-numeric:tabular-nums; font-weight:750; }
#js-tool-container-channel-strength-torsion-calculator .tb-hero-row { display:flex; align-items:baseline; gap:8px; }
#js-tool-container-channel-strength-torsion-calculator .tb-hero-note { color:var(--text-muted); margin:0; }
#js-tool-container-channel-strength-torsion-calculator .tb-ledger { display:grid; gap:8px; }
#js-tool-container-channel-strength-torsion-calculator .tb-ledger-row { display:grid; grid-template-columns:1fr auto; gap:12px; padding:10px 12px; border-bottom:1px solid var(--border-color); font-variant-numeric:tabular-nums; }
#js-tool-container-channel-strength-torsion-calculator .tb-scale-track { height:12px; background:var(--border-color); border-radius:999px; overflow:hidden; }
#js-tool-container-channel-strength-torsion-calculator .tb-scale-fill { display:block; height:100%; width:0; background:var(--accent-primary); border-radius:inherit; transition:width .2s ease; }
#js-tool-container-channel-strength-torsion-calculator .tb-scale-labels { display:flex; justify-content:space-between; color:var(--text-muted); font-size:.82rem; }
#js-tool-container-channel-strength-torsion-calculator .tb-visual { display:flex; flex-direction:column; gap:12px; padding:14px; border:1px solid var(--border-color); border-radius:var(--radius-md); background:var(--surface-subtle,var(--accent-light)); }
#js-tool-container-channel-strength-torsion-calculator .tb-visual-head { display:flex; justify-content:space-between; gap:12px; align-items:baseline; }
#js-tool-container-channel-strength-torsion-calculator .tb-visual-title { font-weight:650; }
#js-tool-container-channel-strength-torsion-calculator .tb-visual-note { color:var(--text-muted); font-size:.82rem; }
@media (max-width:640px) { #js-tool-container-channel-strength-torsion-calculator .tb-grid-3 { grid-template-columns:1fr; } #js-tool-container-channel-strength-torsion-calculator .tb-visual-head { align-items:flex-start; flex-direction:column; gap:4px; } }
#js-tool-container-channel-strength-torsion-calculator .tb-signal-row { display:flex; justify-content:space-between; gap:16px; padding:10px 0; border-top:1px solid var(--border-color); font-variant-numeric:tabular-nums; }

#js-tool-container-channel-strength-torsion-calculator .channel-stress-stack { display:flex; flex-direction:column; gap:1px; border:1px solid var(--border-color); border-radius:var(--radius-md); overflow:hidden; background:var(--border-color); }
#js-tool-container-channel-strength-torsion-calculator .channel-stress-row { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:13px 15px; background:var(--surface-subtle,var(--accent-light)); }
#js-tool-container-channel-strength-torsion-calculator .channel-stress-row div { display:flex; flex-direction:column; gap:3px; }
#js-tool-container-channel-strength-torsion-calculator .channel-stress-row span { font-weight:650; }
#js-tool-container-channel-strength-torsion-calculator .channel-stress-row small { color:var(--text-muted); font-size:.8rem; }
#js-tool-container-channel-strength-torsion-calculator .channel-stress-row output { font-size:1.15rem; font-variant-numeric:tabular-nums; white-space:nowrap; }