#js-tool-container-beam-deflection-strength-check .beam-deflection-strength-check-app { display:flex; flex-direction:column; gap:14px; }
#js-tool-container-beam-deflection-strength-check .tb-zone { display:flex; flex-direction:column; gap:14px; }
#js-tool-container-beam-deflection-strength-check .tb-grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 20px; }
#js-tool-container-beam-deflection-strength-check .tb-field { display:flex; flex-direction:column; gap:6px; }
#js-tool-container-beam-deflection-strength-check .tb-hint { color:var(--text-muted); font-size:.82rem; line-height:1.35; }
#js-tool-container-beam-deflection-strength-check .tb-error { color:var(--danger-color); font-size:.82rem; min-height:1.1em; }
#js-tool-container-beam-deflection-strength-check .tb-span-all { grid-column:1/-1; }
#js-tool-container-beam-deflection-strength-check .tb-zone[data-tb-zone="outcome"] { gap:16px; }
#js-tool-container-beam-deflection-strength-check .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-beam-deflection-strength-check .tb-hero-value { font-size:clamp(1.9rem,5vw,2.9rem); font-variant-numeric:tabular-nums; font-weight:750; }
#js-tool-container-beam-deflection-strength-check .tb-hero-row { display:flex; align-items:baseline; gap:8px; }
#js-tool-container-beam-deflection-strength-check .tb-hero-note { color:var(--text-muted); margin:0; }
#js-tool-container-beam-deflection-strength-check .tb-ledger { display:grid; gap:8px; }
#js-tool-container-beam-deflection-strength-check .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-beam-deflection-strength-check .tb-scale-track { height:12px; background:var(--border-color); border-radius:999px; overflow:hidden; }
#js-tool-container-beam-deflection-strength-check .tb-scale-fill { display:block; height:100%; width:0; background:var(--accent-primary); border-radius:inherit; transition:width .2s ease; }
#js-tool-container-beam-deflection-strength-check .tb-scale-labels { display:flex; justify-content:space-between; color:var(--text-muted); font-size:.82rem; }
#js-tool-container-beam-deflection-strength-check .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-beam-deflection-strength-check .tb-visual-head { display:flex; justify-content:space-between; gap:12px; align-items:baseline; }
#js-tool-container-beam-deflection-strength-check .tb-visual-title { font-weight:650; }
#js-tool-container-beam-deflection-strength-check .tb-visual-note { color:var(--text-muted); font-size:.82rem; }
@media (max-width:640px) { #js-tool-container-beam-deflection-strength-check .tb-grid-3 { grid-template-columns:1fr; } #js-tool-container-beam-deflection-strength-check .tb-visual-head { align-items:flex-start; flex-direction:column; gap:4px; } }
#js-tool-container-beam-deflection-strength-check .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-beam-deflection-strength-check .beam-result-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr); gap:14px; align-items:stretch; }
#js-tool-container-beam-deflection-strength-check .beam-limit-card { display:flex; flex-direction:column; gap:10px; padding:16px; border:1px solid var(--border-color); border-radius:var(--radius-md); background:var(--surface-subtle,var(--accent-light)); }
#js-tool-container-beam-deflection-strength-check .beam-kicker { color:var(--text-muted); font-size:.82rem; }
#js-tool-container-beam-deflection-strength-check .beam-limit-pair { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#js-tool-container-beam-deflection-strength-check .beam-limit-pair div { display:flex; flex-direction:column; gap:4px; }
#js-tool-container-beam-deflection-strength-check .beam-limit-pair span { color:var(--text-muted); font-size:.78rem; }
#js-tool-container-beam-deflection-strength-check .beam-limit-pair output { font-size:1.25rem; font-variant-numeric:tabular-nums; }
#js-tool-container-beam-deflection-strength-check .beam-limit-line { height:6px; background:var(--border-color); border-radius:999px; overflow:hidden; }
#js-tool-container-beam-deflection-strength-check .beam-limit-line span { display:block; height:100%; width:0; background:var(--accent-primary); border-radius:inherit; }
#js-tool-container-beam-deflection-strength-check .beam-limit-card p { margin:0; color:var(--text-muted); font-size:.82rem; }
@media (max-width:640px) { #js-tool-container-beam-deflection-strength-check .beam-result-grid { grid-template-columns:1fr; } }