@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:1024px){:root{font-size:16px}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;max-width:none;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (max-width:1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f7fa;--surface:#fff;--surface2:#eef4f8;--border:#cbd8e3;--accent:#0076d6;--accent2:#f59e0b;--shear:#22d3ee;--moment:#f97316;--deflect:#a78bfa;--positive:#34d399;--negative:#f87171;--text:#10233f;--muted:#52657a;--radius:8px;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,sans-serif}.live-parameter-sweep{scroll-margin-top:110px;flex:none!important;height:auto!important;min-height:0!important;max-height:none!important;display:block!important;overflow:hidden!important}.results-dashboard>.dashboard-heading,.results-dashboard>.dashboard-section,.results-dashboard>.dashboard-metrics{flex:none}.live-parameter-sweep>*{visibility:visible!important;opacity:1!important}.sweep-intro{color:#64748b;margin:-2px 0 12px;font-size:11px;line-height:1.45}.sweep-intro strong{color:#b45309}.sweep-shortcut{color:#b45309!important;border-color:#f59e0b!important}html:not([data-theme=light]) .sweep-intro{color:#94a3b8}html:not([data-theme=light]) .sweep-intro strong,html:not([data-theme=light]) .sweep-shortcut{color:#fbbf24!important}@media (max-width:640px){.live-parameter-sweep{padding:16px!important}.sweep-animation-controls{grid-template-columns:1fr}}.global-unit-switch{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:4px;display:flex}.global-unit-switch button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:8px 14px;font-weight:800}.global-unit-switch button.active{background:var(--accent);color:#fff}.preview-mode-badge,.applied-mode-badge{border-radius:999px;padding:7px 11px;font-weight:800}.preview-mode-badge{color:#67e8f9;background:#123246}.applied-mode-badge{color:#86efac;background:#123524}.fatal-error{text-align:center;background:#1f1117;border:1px solid #7f1d1d;border-radius:20px;max-width:680px;margin:12vh auto;padding:35px}.fatal-error>span{font-size:44px}.fatal-error p{color:#fecaca}.stage-navigation{flex-wrap:wrap}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:14px 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:20px;font-weight:700;display:grid}.brand-name{letter-spacing:.02em;font-size:15px;font-weight:700}.brand-sub{color:var(--muted);margin-top:1px;font-size:12px}.btn-reset{border:1px solid var(--border);color:var(--muted);border-radius:var(--radius);cursor:pointer;background:0 0;padding:7px 16px;font-size:13px;transition:all .15s}.btn-reset:hover{border-color:var(--accent);color:var(--accent)}.app-main{flex:1;width:100%;max-width:1520px;margin:0 auto;padding:24px}.tab-nav{gap:4px;margin-bottom:20px;display:flex}.tab-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;padding:9px 20px;font-size:13px;font-weight:500;transition:all .15s}.tab-btn:hover:not(.disabled){border-color:var(--accent);color:var(--accent)}.tab-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.tab-btn.disabled{opacity:.4;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:24px}.card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:18px;font-size:13px;font-weight:600}.form-row{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.form-group{flex-direction:column;flex:1;gap:6px;min-width:140px;display:flex}.form-group label{color:var(--muted);font-size:12px;font-weight:500}.form-group input,.form-group select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);outline:none;padding:9px 12px;font-family:JetBrains Mono,monospace;font-size:14px;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.form-group select option{background:var(--surface2)}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:10px 24px;font-size:14px;font-weight:600;transition:opacity .15s}.btn-primary:hover{opacity:.88}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{color:var(--negative);border:1px solid var(--negative);border-radius:var(--radius);cursor:pointer;background:0 0;padding:6px 12px;font-size:12px;transition:all .15s}.btn-danger:hover{background:var(--negative);color:#fff}.btn-row{gap:10px;margin-top:20px;display:flex}.support-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}.support-card{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--surface2);padding:14px;transition:all .15s}.support-card:hover{border-color:var(--accent)}.support-card.selected{border-color:var(--accent);background:#3b82f61a}.support-card .sc-label{margin-bottom:4px;font-size:13px;font-weight:600}.support-card .sc-desc{color:var(--muted);font-size:11px}.support-visual-preview,.retained-support-preview{border:1px solid var(--border);background:var(--surface2);border-radius:10px;gap:7px;margin-top:12px;padding:11px 13px;display:grid;overflow:hidden}.support-visual-preview>div:first-child,.retained-support-preview>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.support-visual-preview span,.retained-support-preview span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.support-visual-preview strong,.retained-support-preview strong{color:var(--text);font-size:15px}.support-visual-preview .canvas-wrap,.retained-support-preview .canvas-wrap{width:100%;overflow:hidden}.support-visual-preview .beam-canvas,.retained-support-preview .beam-canvas{width:100%;height:auto;max-height:145px;display:block}.retained-preview-title{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:10px;padding-top:7px;display:flex}.retained-preview-title strong{font-size:18px}.retained-preview-title small{color:var(--muted);font-size:12px}.load-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.load-item{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:10px 14px;display:flex}.load-badge{text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700}.badge-point{color:var(--accent);background:#3b82f633}.badge-udl{color:var(--accent2);background:#f59e0b33}.badge-moment{color:var(--deflect);background:#a78bfa33}.badge-tri{color:var(--shear);background:#22d3ee33}.load-desc{flex:1;font-family:JetBrains Mono,monospace;font-size:13px}.empty-loads{text-align:center;color:var(--muted);padding:24px;font-size:13px}.results-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px}.stat-value{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700}.stat-unit{color:var(--muted);margin-left:4px;font-size:12px}.working-block{background:var(--surface2);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:12px;padding:16px 20px}.working-title{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:12px;font-weight:600}.working-step{color:var(--text);margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7}.working-step span{color:var(--accent2)}.diagram-wrap{background:linear-gradient(145deg, var(--surface2), var(--surface));border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:20px 22px;box-shadow:0 12px 28px #00000024}.diagram-heading{justify-content:space-between;align-items:center;gap:18px;min-height:54px;margin-bottom:8px;display:flex}.diagram-title{color:var(--text);letter-spacing:.015em;text-transform:none;margin:0;font-size:clamp(15px,1.15vw,19px);font-weight:750}.diagram-subtitle,.diagram-note{color:var(--muted);margin-top:5px;font-size:clamp(12px,.85vw,14px);line-height:1.45}.diagram-note{color:var(--deflect);margin:0 0 8px;font-family:JetBrains Mono,monospace}.diagram-metric{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--border));background:#0f11176b;border-radius:10px;flex-direction:column;flex:none;align-items:flex-end;min-width:178px;padding:9px 13px;display:flex}.metric-caption{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.diagram-metric strong{margin-top:2px;font:700 clamp(15px,1.1vw,19px)/1.2 JetBrains Mono,monospace}.diagram-metric-shear strong{color:var(--shear)}.diagram-metric-moment strong{color:var(--moment)}.diagram-metric-beam strong{color:var(--accent)}.diagram-metric-deflection strong{color:var(--deflect)}.diagram-wrap{min-width:0;overflow:hidden}.diagram-wrap svg{width:100%;height:auto;display:block;overflow:visible}.diagram-wrap text{dominant-baseline:auto;pointer-events:none;font-size:14px}.diagram-beam svg{max-height:285px}.diagram-shear svg,.diagram-moment svg,.diagram-deflection svg{max-height:390px}@media (max-width:640px){.app-main{padding:16px}.results-grid{grid-template-columns:1fr 1fr}.support-grid{grid-template-columns:1fr}.form-row{flex-direction:column}}.modal-overlay{z-index:100;background:#000000b3;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:360px;padding:28px 32px;box-shadow:0 20px 60px #00000080}.modal-title{margin-bottom:8px;font-size:16px;font-weight:700}.modal-desc{color:var(--muted);margin-bottom:20px;font-size:13px}.modal-btns{flex-direction:column;gap:10px;display:flex}.btn-danger-full{background:var(--negative);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .15s}.btn-danger-full:hover{opacity:.85}.example-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:left;padding:12px 14px;font-size:12px;line-height:1.5;transition:all .15s}.example-card:hover{border-color:var(--accent);color:var(--accent)}.lab-root{width:100%}.fullscreen-lab{z-index:200;background:var(--bg);padding:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.lab-topbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.btn-sm{padding:6px 12px!important;font-size:12px!important}.view-toggle{flex-wrap:wrap;flex:1;gap:3px;display:flex}.vtog{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .12s}.vtog:hover{border-color:var(--accent);color:var(--accent)}.vtog-active{background:var(--accent);border-color:var(--accent);color:#fff!important}.results-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;display:flex}.result-chip{border-right:1px solid var(--border);flex-direction:column;gap:1px;padding:4px 12px;display:flex}.result-chip:last-child{border-right:none}.chip-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10px}.chip-value{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.chip-sub{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:10px}.lab-body{grid-template-columns:minmax(0,2.25fr) minmax(300px,.85fr);align-items:start;gap:18px;display:grid}.lab-diagrams{flex-direction:column;gap:10px;min-width:0;display:flex}.diagram-wrap{padding:20px 22px;margin-bottom:0!important}.lab-panel{overflow-wrap:anywhere;flex-direction:column;gap:10px;min-width:0;display:flex;position:sticky;top:80px}.panel-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.panel-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:700}.eq-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;display:flex}.eq-row:last-child{border-bottom:none}.eq-label{color:var(--muted)}.eq-value{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.eq-label,.eq-value,.wm-row>span{min-width:0}.eq-value,.wm-val{text-align:right}.convention-row{color:var(--text);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.conv-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.formula-block{background:var(--surface2);border-left:3px solid var(--accent);color:var(--accent);border-radius:0 4px 4px 0;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:13px}.formula-hint{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.4}.working-mini{flex-direction:column;gap:4px;margin-top:8px;display:flex}.wm-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.wm-row:last-child{border-bottom:none}.wm-val{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.working-expanded{flex-direction:column;gap:4px;margin-top:10px;display:flex}.hint-text{color:var(--text);background:var(--surface2);border-left:3px solid var(--accent2);border-radius:4px;padding:6px 8px;font-size:12px;line-height:1.5}.light-theme{--bg:#f4f7fa;--surface:#fff;--surface2:#eef4f8;--border:#cbd8e3;--text:#10233f;--muted:#52657a}.light-theme .app-header{background:#fff}.light-theme .brand-name{color:#1e293b}.light-theme input,.light-theme select{color:#1e293b;background:#f1f5f9}@media (max-width:900px){.lab-body{grid-template-columns:1fr}.lab-panel{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}.diagram-wrap text{font-size:16px}}@media (max-width:640px){.diagram-wrap{padding:10px 8px!important}.diagram-heading{flex-direction:column;align-items:stretch;gap:8px}.diagram-metric{align-items:flex-start;width:100%;min-width:0}.diagram-title{font-size:16px}.diagram-subtitle,.diagram-note{font-size:12px}.diagram-wrap text{font-size:22px}.diagram-beam svg{min-height:175px}.diagram-shear svg,.diagram-moment svg,.diagram-deflection svg{min-height:205px}.lab-panel{display:flex}.lab-topbar,.results-bar{align-items:stretch}.result-chip{border-right:0;border-bottom:1px solid var(--border);width:calc(50% - 4px)}}@media (min-width:901px) and (max-width:1199px){.app-main{padding:18px}.lab-body{grid-template-columns:minmax(0,1.75fr) minmax(280px,.9fr)}.diagram-wrap{padding:17px}.diagram-wrap text{font-size:16px}}@media (min-width:1600px){.app-main{max-width:1640px}.diagram-wrap{padding:24px 28px}.diagram-wrap text{font-size:13px}.panel-section{padding:18px 20px}}:root{--bg:#0b0e16;--surface:#151a27;--surface2:#1a2132;--border:#2b354b;--text:#f1f5f9;--muted:#91a0b8}body{background:radial-gradient(circle at 14% 0%, #3b82f617, transparent 31rem), var(--bg)}.app-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f131ef0}.header-inner{max-width:1520px;min-height:76px;padding:12px 22px}.header-actions{align-items:center;gap:9px;display:flex}.header-actions .btn-reset{justify-content:center;align-items:center;gap:6px;min-height:42px;display:inline-flex}.header-survey-link{color:#dbeafe;background:#3b82f612;border:1px solid #60a5fa4d;border-radius:10px;align-items:center;gap:9px;min-height:42px;padding:6px 10px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:flex}.header-survey-link:hover{background:#3b82f621;border-color:#60a5fa94;transform:translateY(-1px)}.survey-link-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;display:grid;box-shadow:0 5px 14px #2563eb3d}.survey-link-copy{flex-direction:column;line-height:1.15;display:flex}.survey-link-copy small{color:#7f91ad;letter-spacing:.055em;text-transform:uppercase;font-size:8px;font-weight:700}.survey-link-copy strong{color:#dce9fb;margin-top:2px;font-size:10px;font-weight:700}.survey-link-arrow{color:#6f86a8;font-size:11px}.brand-name{letter-spacing:-.01em;font-size:18px}.brand-sub{color:#7f91ad;font-size:12px}.app-main{padding:20px}@media (min-width:1024px){.header-inner{min-height:96px;padding:16px 30px}.brand{gap:16px}.brand-mark{border-radius:11px;width:50px;height:50px;font-size:27px}.brand-name{font-size:23px;line-height:1.15}.brand-sub{margin-top:4px;font-size:14px}.global-unit-switch{border-radius:14px;padding:5px}.global-unit-switch button{border-radius:10px;min-height:48px;padding:10px 19px;font-size:19px}.header-actions .btn-reset,.header-survey-link{min-height:48px;font-size:15px}.app-main{padding:28px}.tab-btn,.stage-navigation button,.load-type-card,.btn-primary,.btn-secondary{font-size:17px;line-height:1.35}.stage-navigation button span{font-size:16px}}.lab-body{grid-template-columns:minmax(0,1fr) 340px;gap:20px}.lab-diagrams{gap:14px}.diagram-wrap{background:linear-gradient(#1f283cf5,#171d2cf5);border-color:#5268916b;border-radius:16px;padding:18px 20px;box-shadow:0 18px 45px #0000002e,inset 0 1px #ffffff06}.diagram-heading{gap:14px;min-height:42px;margin-bottom:4px}.diagram-title{color:#f4f7fb;letter-spacing:-.015em;font-size:17px;font-weight:700}.diagram-subtitle,.diagram-note{color:#91a0b8;font-size:12px}.diagram-metric{background:#080c1575;border-radius:9px;min-width:0;padding:7px 11px}.metric-caption{letter-spacing:.075em;font-size:9px}.diagram-metric strong{font-size:15px}.diagram-wrap svg{width:100%;overflow:visible}.diagram-beam svg{height:210px;max-height:210px}.diagram-shear svg,.diagram-moment svg{height:285px;max-height:285px}.diagram-deflection svg{height:235px;max-height:235px}.diagram-wrap svg text{font-family:Inter,sans-serif;font-size:13px}.diagram-wrap svg text[font-family*=JetBrains]{font-family:JetBrains Mono,monospace;font-weight:600}.diagram-deflection svg .deflection-callout-title,.diagram-deflection svg .deflection-callout-value{font-size:9.5px!important}.diagram-beam svg .beam-load-label{font-size:17px!important;font-weight:800!important}.lab-panel{gap:12px;top:92px}.panel-section{background:linear-gradient(#181e2cfa,#141925fa);border-color:#5268916b;border-radius:14px;padding:15px 16px;box-shadow:0 12px 28px #0000001f}.panel-heading{color:#93a4be;letter-spacing:.095em;margin-bottom:9px;font-size:11px}.eq-row{min-height:38px;padding:7px 0;font-size:12px}.eq-value{color:#e7edf7;font-size:11px}.convention-row{color:#dce4ef;align-items:flex-start;margin-bottom:8px;font-size:12px;line-height:1.45}.conv-dot{margin-top:5px}.formula-block{padding:8px 10px;font-size:12px}.formula-hint,.hint-text,.working-step{font-size:11px}.results-bar{background:#151a27eb;border-radius:12px;padding:8px 10px}.result-chip{padding:3px 12px}.chip-value{font-size:13px}.fullscreen-lab{padding:18px 20px 28px}.fullscreen-lab .lab-topbar{z-index:10;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0e16f0;border-radius:12px;padding:10px;position:sticky;top:0}@media (min-width:901px) and (max-width:1250px){.lab-body{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.diagram-wrap{padding:15px 16px}.diagram-beam svg{height:190px}.diagram-shear svg,.diagram-moment svg{height:255px}.diagram-deflection svg{height:220px}.diagram-beam svg .beam-load-label{font-size:19px!important}}@media (min-width:641px) and (max-width:900px){.app-main,.fullscreen-lab{padding:16px}.lab-body{grid-template-columns:1fr}.lab-panel{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}.diagram-beam svg{height:205px}.diagram-shear svg,.diagram-moment svg{height:275px}.diagram-deflection svg{height:230px}.diagram-beam svg .beam-load-label{font-size:22px!important}}@media (max-width:640px){.header-inner{min-height:66px;padding:10px 12px}.brand-mark{width:34px;height:34px}.brand-name{font-size:15px}.brand-sub{display:none}.header-actions{gap:6px}.header-survey-link{min-height:36px;padding:4px 7px}.survey-link-icon{width:25px;height:25px}.survey-link-copy small,.survey-link-arrow{display:none}.survey-link-copy strong{margin:0;font-size:9px}.btn-reset{width:36px;color:var(--muted);padding:7px 9px}.btn-reset .reset-label{display:none}.app-main,.fullscreen-lab{padding:10px}.lab-topbar{gap:7px}.view-toggle{flex-wrap:nowrap;flex-basis:100%;order:3;padding-bottom:2px;overflow-x:auto}.vtog{flex:none}.results-bar{gap:0}.result-chip{width:50%;padding:7px 9px}.diagram-wrap{border-radius:13px;padding:13px 11px}.diagram-heading{flex-direction:row;align-items:center;min-height:40px}.diagram-title{font-size:14px}.diagram-subtitle{display:none}.diagram-metric{align-items:flex-end;width:auto;padding:6px 8px}.metric-caption{display:none}.diagram-metric strong{white-space:nowrap;font-size:12px}.diagram-wrap svg text{font-size:20px}.diagram-beam svg{height:170px;min-height:0}.diagram-shear svg,.diagram-moment svg{height:220px;min-height:0}.diagram-deflection svg{height:190px;min-height:0}.diagram-beam svg .beam-load-label{font-size:25px!important}.lab-panel{display:flex}}.analysis-workspace{--workspace-card:#151b29f0;--workspace-card-2:#1b2335f5;--workspace-line:#7187ae47;width:100%;color:var(--text);position:relative}.analysis-fullscreen{z-index:200;background:radial-gradient(circle at 12% 0%, #2563eb24, transparent 34rem), var(--bg);padding:18px max(18px,50vw - 800px);position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.analysis-breadcrumbs{align-items:center;max-width:640px;margin:0 0 12px;display:flex}.analysis-breadcrumbs button{color:#8190a8;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:7px;padding:4px 0;font-size:11px;font-weight:650;display:flex}.analysis-breadcrumbs button span{color:#aab6c9;border:1px solid #46546e;border-radius:50%;place-items:center;width:22px;height:22px;font:700 10px/1 JetBrains Mono,monospace;display:grid}.analysis-breadcrumbs button.current{color:#dce8ff}.analysis-breadcrumbs button.current span{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 4px #3b82f61f}.crumb-line{background:#344158;width:clamp(20px,4vw,70px);height:1px;margin:0 10px}.crumb-line.complete{background:linear-gradient(90deg, #344158, var(--accent))}.analysis-toolbar{z-index:20;border:1px solid var(--workspace-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d111beb;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;min-height:56px;margin-bottom:16px;padding:9px 11px;display:flex;position:sticky;top:74px;box-shadow:0 14px 35px #0003}.analysis-fullscreen .analysis-toolbar{top:8px}.toolbar-row,.toolbar-actions,.segmented-control{align-items:center;gap:6px;display:flex}.toolbar-label{color:#75849d;letter-spacing:.09em;text-transform:uppercase;margin:0 5px 0 2px;font-size:10px;font-weight:750}.results-view-select{display:none}.segmented-control{background:#060a126b;border:1px solid #5b6f9347;border-radius:10px;padding:3px}.segmented-control button,.quiet-action{color:#9aa8bd;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:6px 11px;font-size:11px;font-weight:650;transition:all .15s;display:inline-flex}.segmented-control button:hover,.quiet-action:hover{color:#e7edf7;background:#586f9621}.segmented-control button.selected{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#60a5fa6b;box-shadow:0 6px 16px #2563eb38}.quiet-action{border-color:#5b6f9352}.quiet-action.selected{color:#bfdbfe;background:#3b82f621;border-color:#60a5fa8c}.icon-action{width:34px;padding-inline-start:0;padding-inline-end:0;font-size:16px}.analysis-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.visual-workspace{flex-direction:column;gap:14px;min-width:0;display:flex}.analysis-workspace .diagram-wrap{border-color:var(--workspace-line);margin:0!important}.analysis-workspace .diagram-heading{border-bottom:1px solid #64789b29;margin-bottom:7px;padding-bottom:11px}.analysis-workspace .diagram-metric{background:#080d176b;border:0;flex-direction:row;align-items:baseline;gap:8px}.results-dashboard{flex-direction:column;gap:10px;min-width:0;display:flex;position:sticky;top:146px}.analysis-fullscreen .results-dashboard{top:76px}.dashboard-heading{justify-content:space-between;align-items:flex-start;gap:10px;padding:15px 15px 4px;display:flex}.eyebrow{color:#60a5fa;letter-spacing:.115em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.dashboard-heading h2,.solution-viewer h2,.feedback-modal h2{color:#f4f7fb;letter-spacing:-.025em;margin:0;font-size:17px}.live-indicator{color:#86efac;text-transform:uppercase;align-items:center;gap:5px;font-size:9px;font-weight:750;display:flex}.live-indicator i{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #22c55e1f}.dashboard-section,.metric-card{border:1px solid var(--workspace-line);background:linear-gradient(155deg, var(--workspace-card-2), var(--workspace-card));border-radius:13px;box-shadow:0 12px 28px #00000021}.dashboard-section{padding:12px 14px;position:relative;overflow:hidden}.dashboard-section:before{content:"";background:#64748b;width:2px;position:absolute;top:0;bottom:0;left:0;right:auto}.tone-reaction:before{background:#34d399}.tone-load:before{background:#f59e0b}.tone-model:before{background:#60a5fa}.dashboard-section h3{color:#8ea0bb;letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:9px;font-weight:800}.dashboard-row{border-bottom:1px solid #677b9d29;justify-content:space-between;align-items:center;gap:12px;min-height:29px;display:flex}.dashboard-row:last-child{border-bottom:0}.dashboard-row span{color:#8f9eb4;font-size:11px}.dashboard-row strong{color:#e9eef7;text-align:right;font:650 11px/1.3 JetBrains Mono,monospace}.dashboard-metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric-card{padding:11px 12px;position:relative;overflow:hidden}.metric-card:after{content:"";opacity:.055;background:currentColor;border-radius:50%;width:72px;height:72px;position:absolute;bottom:-25px;right:-18px}.metric-card>span{color:#8999b1;font-size:9px;font-weight:700}.metric-card strong{margin:4px 0 2px;font:750 13px/1.25 JetBrains Mono,monospace;display:block}.metric-card small{color:#7f8da3;font-size:9px}.metric-shear{color:#38bdf8}.metric-moment{color:#34d399}.metric-deflection{color:#a78bfa;grid-column:1/-1}.dashboard-input{color:#9aa9bd;grid-template-columns:1fr 126px;align-items:center;gap:10px;margin:7px 0;font-size:10px;display:grid}.input-with-unit{background:#070b1385;border:1px solid #3d4b64;border-radius:7px;grid-template-columns:1fr 28px;align-items:center;display:grid;overflow:hidden}.input-with-unit:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61c}.input-with-unit input{color:#f8fafc;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:7px;font:650 11px/1 JetBrains Mono,monospace}.input-with-unit b{color:#7888a0;font-size:9px;font-weight:700}.sweep-heading-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.sweep-status{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.sweep-status i{background:#64748b;border-radius:50%;width:8px;height:8px}.sweep-status.running{color:#86efac}.sweep-status.running i{background:#22c55e;animation:1.25s ease-in-out infinite sweep-pulse;box-shadow:0 0 0 5px #22c55e21}@keyframes sweep-pulse{50%{box-shadow:0 0 0 9px #22c55e05}}.sweep-load-select{color:#94a3b8;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.sweep-load-select select,.sweep-animation-controls select{color:#f8fafc;background:#0b1220;border:1px solid #3d4b64;border-radius:8px;outline:0;min-height:36px;padding:6px 9px;font:700 12px/1.2 inherit}.sweep-load-select select:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.sweep-animation-controls select:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.live-range-control input:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.sweep-animation-controls input:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.live-range-control{margin:13px 0 16px;display:block}.live-range-label,.live-range-bounds{justify-content:space-between;align-items:center;gap:12px;display:flex}.live-range-label{color:#cbd5e1;margin-bottom:8px;font-size:12px;font-weight:750}.live-value-entry{background:#0b1220;border:1px solid #475569;border-radius:8px;grid-template-columns:minmax(68px,92px) auto;align-items:center;display:grid;overflow:hidden}.live-value-entry:focus-within{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241f}.live-value-entry input{color:#fbbf24;text-align:right;background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:36px;padding:6px 8px;font:800 13px/1.2 JetBrains Mono,monospace}.live-value-entry b{color:#fbbf24;white-space:nowrap;padding-right:8px;font-size:11px}.live-range-bounds{color:#718096;margin-top:3px;font:650 9px/1.2 JetBrains Mono,monospace}.live-range-helper{color:#94a3b8;margin-top:6px;font-size:10px;line-height:1.4;display:block}.live-range-control input[type=range],.sweep-animation-controls input[type=range]{accent-color:#fbbf24;cursor:ew-resize;width:100%;min-height:28px;margin:0}.sweep-animation-controls{border-top:1px solid #677b9d38;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px;margin:15px 0 12px;padding-top:13px;display:grid}.sweep-animation-controls label{color:#94a3b8;align-content:start;gap:6px;min-width:0;font-size:10px;font-weight:750;display:grid}.sweep-animation-controls label>span{justify-content:space-between;gap:5px;display:flex}.sweep-animation-controls strong{color:#fbbf24;font-family:JetBrains Mono,monospace}.sweep-play-button{color:#1c1302;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1px solid #f59e0b;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:43px;font-size:12px;font-weight:850;display:flex}.sweep-play-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.sweep-play-button.pause{color:#f8fafc;background:#182235;border-color:#475569}.sweep-play-button span{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.diagram-drag-hint{color:#93c5fd;margin-top:5px;font-size:11px;font-weight:700}.draggable-beam-load{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.draggable-beam-load:active{cursor:grabbing}.load-drag-target{fill:#3b82f60a;stroke:#0000;stroke-width:2px;pointer-events:all}.draggable-beam-load:hover .load-drag-target,.draggable-beam-load.selected .load-drag-target{fill:#3b82f61a;stroke:#60a5fa;stroke-dasharray:4 3}.draggable-beam-load:focus-visible .load-drag-target{fill:#3b82f61a;stroke:#60a5fa;stroke-dasharray:4 3}.draggable-beam-load:focus-visible .load-drag-target{stroke-width:3px}html[data-theme=light] .sweep-load-select select,html[data-theme=light] .sweep-animation-controls select{color:#0f172a;background:#fff;border-color:#94a3b8}html[data-theme=light] .live-range-label{color:#1e293b}html[data-theme=light] .live-value-entry input,html[data-theme=light] .live-value-entry b,html[data-theme=light] .sweep-animation-controls strong{color:#a16207}html[data-theme=light] .live-value-entry{background:#fff;border-color:#94a3b8}html[data-theme=light] .diagram-drag-hint{color:#1d4ed8}html[data-theme=contrast] .draggable-beam-load:hover .load-drag-target,html[data-theme=contrast] .draggable-beam-load.selected .load-drag-target{stroke:#ff0}html[data-theme=contrast] .draggable-beam-load:focus-visible .load-drag-target{stroke:#ff0}html[data-theme=contrast] .live-range-control input[type=range],html[data-theme=contrast] .sweep-animation-controls input[type=range]{accent-color:#ff0}@media (max-width:520px){.sweep-heading-row{flex-direction:column;align-items:stretch}.sweep-load-select{justify-content:space-between}.sweep-load-select select{max-width:70%}.sweep-animation-controls{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.sweep-status.running i{animation:none}.sweep-play-button:hover{transform:none}}.dashboard-help{color:#74839a;margin:7px 0 0;font-size:9px;line-height:1.45}.learning-drawer{border:1px solid var(--workspace-line);background:var(--workspace-card);border-radius:15px;margin-top:16px;overflow:hidden;box-shadow:0 14px 34px #00000024}.learning-tabs{border-bottom:1px solid var(--workspace-line);background:#090d1661;gap:4px;padding:7px;display:flex}.learning-tabs button{color:#8998af;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:6px 12px;font-size:10px;font-weight:700;display:flex}.learning-tabs button span{color:#b6c2d4;background:#64748b24;border-radius:6px;place-items:center;width:20px;height:20px;font-family:JetBrains Mono,monospace;display:grid}.learning-tabs button:hover{color:#dce6f5}.learning-tabs button.selected{color:#bfdbfe;background:#3b82f61f;border-color:#60a5fa4d}.learning-tabs button.selected span{color:#fff;background:#2563eb}.learning-content{min-height:106px;padding:14px 16px}.equilibrium-preview,.relationship-grid,.hints-grid,.visual-sign-legend{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.equilibrium-preview{grid-template-columns:repeat(2,minmax(0,1fr)) 1.2fr}.learning-item,.equilibrium-preview>p,.hints-grid p,.sign-card,.tension-note{background:#080c144d;border:1px solid #6175993b;border-radius:10px;margin:0;padding:11px 12px}.learning-item>div{justify-content:space-between;gap:8px;margin-bottom:7px;display:flex}.learning-item span{color:#9aa9be;text-transform:uppercase;font-size:9px;font-weight:700}.learning-item i{color:#86efac;font-size:9px;font-style:normal}.learning-item code{color:#93c5fd;font:650 12px/1.45 JetBrains Mono,monospace}.equilibrium-preview>p,.hints-grid p,.tension-note{color:#8f9eb4;font-size:10px;line-height:1.55}.visual-sign-legend{grid-template-columns:1fr 1fr 1.1fr}.sign-card{align-items:center;gap:12px;display:flex}.curve-symbol{font-size:33px;line-height:.8}.sign-card strong,.sign-card small{display:block}.sign-card strong{margin-bottom:3px;font-size:11px}.sign-card small{color:#8190a7;font-size:9px}.sign-card.sagging{color:#34d399}.sign-card.hogging{color:#fb7185}.solution-viewer{border:1px solid var(--workspace-line);background:linear-gradient(155deg, var(--workspace-card-2), var(--workspace-card));border-radius:16px;min-height:590px;overflow:hidden}.solution-viewer>header{border-bottom:1px solid var(--workspace-line);justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.solution-layout{grid-template-columns:250px minmax(0,1fr);min-height:520px;display:grid}.solution-step-list{border-right:1px solid var(--workspace-line);background:#080c1438;padding:12px}.solution-step-list button{color:#91a0b6;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:28px minmax(0,1fr);gap:10px;width:100%;margin-bottom:7px;padding:10px;display:grid}.solution-step-list button>span{border:1px solid #42506a;border-radius:50%;place-items:center;width:28px;height:28px;font:700 10px/1 JetBrains Mono,monospace;display:grid}.solution-step-list strong,.solution-step-list small{display:block}.solution-step-list strong{color:#c9d4e5;font-size:10px}.solution-step-list small{color:#728198;margin-top:3px;font-size:9px;line-height:1.4}.solution-step-list button.selected{background:#3b82f61f;border-color:#60a5fa5c}.solution-step-list button.selected>span{color:#fff;background:#2563eb;border-color:#3b82f6}.solution-detail{flex-direction:column;align-items:flex-start;padding:clamp(28px,5vw,62px);display:flex}.step-number{color:#60a5fa;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.solution-detail h3{color:#f1f5f9;margin:7px 0 22px;font-size:21px}.solution-detail code{color:#bfdbfe;background:#080c1459;border-left:2px solid #3b82f6;border-radius:0 8px 8px 0;width:100%;max-width:650px;margin-bottom:7px;padding:11px 13px;font:650 13px/1.45 JetBrains Mono,monospace}.solution-check{color:#86efac;background:#34d39914;border:1px solid #34d3994d;border-radius:8px;margin-top:16px;padding:8px 11px;font-size:10px;font-weight:700}.solution-navigation{gap:8px;margin-top:auto;padding-top:24px;display:flex}.solution-navigation button{color:#c5d0e1;cursor:pointer;background:#141b29cc;border:1px solid #3d4b64;border-radius:8px;padding:8px 12px;font-size:10px}.solution-navigation button:disabled{opacity:.35;cursor:not-allowed}.context-feedback-button{z-index:35;color:#fff7d6;cursor:pointer;background:linear-gradient(135deg,#312410f7,#1c1a1cfa);border:1px solid #fbbf24ad;border-radius:13px;align-items:center;gap:9px;min-width:148px;padding:8px 13px 8px 9px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:fixed;bottom:20px;right:22px;box-shadow:0 14px 34px #00000057,0 0 0 3px #f59e0b14}.context-feedback-button:hover{border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 17px 38px #00000061,0 0 0 4px #f59e0b21}.feedback-button-icon{color:#241607;background:linear-gradient(135deg,#d97706,#fbbf24);border-radius:9px;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:12px;display:grid;box-shadow:0 6px 16px #f59e0b38}.context-feedback-button>span:last-child{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.context-feedback-button small{color:#c9aa6a;font-size:8px;font-weight:700}.context-feedback-button strong{color:#fff4cb;margin-top:3px;font-size:10px;font-weight:800}.feedback-attention-dot{border:2px solid var(--bg);background:#fbbf24;border-radius:50%;width:10px;height:10px;animation:2.4s ease-in-out infinite feedbackGlow;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 4px #fbbf2421}@keyframes feedbackGlow{0%,to{box-shadow:0 0 0 3px #fbbf241a}50%{box-shadow:0 0 0 7px #fbbf2405}}.feedback-modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03060cb8;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.feedback-modal{background:linear-gradient(155deg,#1d2638,#141a28);border:1px solid #3c4b65;border-radius:17px;width:min(440px,100%);padding:25px;position:relative;box-shadow:0 25px 75px #00000073}.feedback-modal h2{max-width:350px;margin-bottom:18px;font-size:18px;line-height:1.35}.modal-close{color:#a7b3c5;cursor:pointer;background:#080c1459;border:1px solid #3c4b65;border-radius:50%;width:30px;height:30px;font-size:18px;position:absolute;top:12px;right:12px}.feedback-votes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.feedback-votes button{color:#cad5e5;cursor:pointer;background:#090e1766;border:1px solid #3b4961;border-radius:9px;padding:10px;font-size:11px}.feedback-votes button.selected{color:#dbeafe;background:#3b82f624;border-color:#60a5fa}.feedback-survey-link{color:#93c5fd;text-align:center;margin-top:14px;font-size:10px;text-decoration:none;display:block}.diagram-inline-note,.jump-annotation text,.curvature-annotation text{font-size:11px!important}.deflection-drop-line,.deflection-arrow{transform-box:fill-box;transform-origin:top;animation:1.8s ease-in-out infinite deflectionPulse}@keyframes deflectionPulse{0%,to{opacity:.65;transform:translateY(-2px)}50%{opacity:1;transform:translateY(3px)}}.stage-navigation{justify-content:center;align-items:center;gap:14px;margin:0 0 28px;display:flex}.stage-navigation button{border:1px solid var(--border);background:var(--surface);min-height:56px;color:var(--muted);cursor:pointer;border-radius:12px;align-items:center;gap:11px;padding:12px 19px;font-size:17px;font-weight:700;line-height:1.25;display:flex}.stage-navigation button span{background:#64748b24;border-radius:50%;flex:0 0 31px;place-items:center;width:31px;height:31px;font:800 14px/1 JetBrains Mono,monospace;display:grid}.stage-navigation button.current{color:#dbeafe;border-color:#3b82f6}.stage-navigation button.current span,.stage-navigation button.complete span{color:#fff;background:#2563eb}.app-footer{color:#66758c;text-align:center;padding:18px;font-size:10px}@media (min-width:901px) and (max-width:1200px){.analysis-layout{grid-template-columns:minmax(0,1fr) 286px;gap:12px}.analysis-toolbar{flex-direction:column;align-items:stretch;gap:7px}.toolbar-actions{justify-content:flex-end}.results-dashboard{top:192px}.analysis-workspace .diagram-wrap{padding-inline-start:14px;padding-inline-end:14px}}@media (max-width:900px){.analysis-breadcrumbs{margin-inline-start:auto;margin-inline-end:auto}.analysis-toolbar{flex-direction:column;align-items:stretch;position:static}.toolbar-row{flex-direction:column;align-items:stretch}.segmented-control{grid-template-columns:repeat(5,1fr);display:grid}.toolbar-actions{justify-content:flex-end}.analysis-layout{grid-template-columns:1fr}.results-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}.dashboard-heading,.dashboard-metrics{grid-column:1/-1}.equilibrium-preview,.relationship-grid,.hints-grid,.visual-sign-legend{grid-template-columns:1fr 1fr}.equilibrium-preview>p,.tension-note{grid-column:1/-1}}@media (max-width:640px){.analysis-breadcrumbs{justify-content:center}.analysis-breadcrumbs button{font-size:0}.analysis-breadcrumbs button span{font-size:10px}.crumb-line{width:34px}.results-view-select{width:100%;display:block}.results-view-select select{box-sizing:border-box;border:1px solid var(--workspace-line);background:var(--workspace-card);width:100%;min-width:0;min-height:48px;color:var(--text);border-radius:9px;padding:10px 42px 10px 13px;font-size:16px;font-weight:750}.segmented-control{display:none!important}.toolbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid;overflow:hidden}.toolbar-actions .quiet-action{width:100%;min-width:0}.toolbar-actions .icon-action{display:none}.analysis-workspace .diagram-heading{flex-direction:column;align-items:flex-start}.analysis-workspace .diagram-metric{align-items:baseline;width:100%}.results-dashboard{display:flex}.dashboard-metrics{display:grid}.learning-tabs{scroll-snap-type:x mandatory;overflow-x:auto}.learning-tabs button{scroll-snap-align:start;flex:none}.equilibrium-preview,.relationship-grid,.hints-grid,.visual-sign-legend{grid-template-columns:1fr}.equilibrium-preview>p,.tension-note{grid-column:auto}.solution-viewer{min-height:0}.solution-viewer>header{flex-direction:column;align-items:flex-start}.solution-layout{grid-template-columns:1fr}.solution-step-list{border-right:0;border-bottom:1px solid var(--workspace-line);display:flex;overflow-x:auto}.solution-step-list button{flex:0 0 210px}.solution-detail{min-height:410px;padding:22px 16px}.solution-detail code{font-size:11px;overflow-x:auto}.context-feedback-button{min-width:0;padding-right:11px;bottom:12px;right:12px}.stage-navigation{gap:4px}.stage-navigation button{padding:7px;font-size:0}.stage-navigation button span{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.load-lab{color:var(--text);padding:clamp(18px,3vw,34px)}.load-lab-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.load-lab-header h2{margin:3px 0 7px;font-size:clamp(24px,3vw,34px)}.load-lab-header p:not(.eyebrow){color:var(--muted);line-height:1.55}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.beam-span-chip{border:1px solid var(--border);background:var(--surface);text-align:right;border-radius:14px;min-width:130px;padding:13px 16px}.beam-span-chip span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;display:block}.beam-span-chip strong{color:var(--accent);margin-top:4px;font:600 19px JetBrains Mono,monospace;display:block}.load-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.load-type{min-height:74px;color:var(--muted);background:var(--surface);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:13px;transition:all .18s;display:flex}.load-type:hover{border-color:#526189;transform:translateY(-1px)}.load-type.active{color:var(--text);border-color:var(--accent);background:linear-gradient(135deg,#3b82f62b,#22d3ee0f);box-shadow:inset 0 0 0 1px #3b82f626}.load-type-icon{background:var(--surface2);width:38px;height:38px;color:var(--accent);border-radius:10px;flex:0 0 38px;place-items:center;font-size:22px;display:grid}.load-type strong,.load-type small{display:block}.load-type strong{font-size:14px}.load-type small{color:var(--muted);margin-top:3px}.load-editor{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px;display:grid}.load-form,.applied-loads{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:clamp(16px,2.2vw,24px)}.load-form{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:15px;display:grid}.load-form label>span{color:#cbd5e1;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.load-form label small{color:var(--muted);font-weight:400}.load-form input,.load-form select{width:100%;min-height:44px;color:var(--text);border:1px solid var(--border);background:#11141d;border-radius:9px;outline:none;padding:10px 12px;font:500 14px Inter,sans-serif}.load-form input:focus,.load-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.load-form .equation-input{color:#67e8f9;font-family:JetBrains Mono,monospace}.field-wide{grid-column:1/-1}.function-help{color:var(--muted);margin-top:-7px;font-size:12px;line-height:1.55}.function-result{color:var(--muted);background:#22d3ee0f;border:1px solid #22d3ee40;border-radius:10px;grid-template-columns:1fr auto;gap:7px 16px;padding:13px 15px;font-size:13px;display:grid}.function-result strong{color:#67e8f9;font-family:JetBrains Mono,monospace}.function-result.invalid{color:#fca5a5;background:#f8717114;border-color:#f8717166;display:block}.load-error{color:#fecaca;background:#ef44441a;border:1px solid #ef44444d;border-radius:9px;padding:11px 13px;font-size:13px}.add-load-button{justify-content:center;min-height:46px}.applied-loads-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.applied-loads-title h3{font-size:16px}.applied-loads-title span{color:#bfdbfe;background:#3b82f62e;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:700;display:grid}.empty-loads{min-height:130px;color:var(--muted);border:1px dashed var(--border);border-radius:11px;place-items:center;display:grid}.applied-loads ol{gap:8px;max-height:280px;list-style:none;display:grid;overflow:auto}.applied-loads li{border:1px solid var(--border);background:#151822;border-radius:10px;grid-template-columns:30px 1fr 30px;align-items:center;gap:9px;padding:11px;display:grid}.load-index{color:#93c5fd;background:#3b82f624;border-radius:8px;place-items:center;width:27px;height:27px;font-weight:700;display:grid}.applied-loads li strong,.applied-loads li small{display:block}.applied-loads li strong{font-size:13px}.applied-loads li small{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:11px;line-height:1.35}.applied-loads li>button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:20px}.applied-loads li>button:hover{color:#fecaca;background:#ef44441a}.example-row{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.example-row>span{width:100%;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.example-row button{color:#a5b4fc;border:1px solid var(--border);cursor:pointer;background:#171b29;border-radius:8px;padding:7px 9px;font-size:11px}.load-footer-actions{align-items:center;gap:10px;margin-top:18px;display:flex}.analyze-button{justify-content:center;min-width:165px;margin-left:auto}.analyze-button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:820px){.load-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.load-editor{grid-template-columns:1fr}}@media (max-width:520px){.load-lab-header{flex-direction:column}.beam-span-chip{text-align:left;width:100%}.load-type-grid{grid-template-columns:1fr 1fr;gap:7px}.load-type{gap:8px;min-height:64px;padding:9px}.load-type-icon{flex-basis:32px;width:32px;height:32px}.load-form{grid-template-columns:1fr}.field-wide{grid-column:auto}.load-footer-actions{flex-wrap:wrap}.analyze-button{order:-1;width:100%;margin-left:0}}.live-load-preview,.guided-activities,.statics-hero,.statics-path,.fbd-card,.resultant-card,.prediction-card,.equilibrium-worked{border:1px solid var(--border);background:linear-gradient(145deg,#1f2940f0,#141926f5);border-radius:18px}.live-load-preview{--beam-load-label-size:28px;--beam-dimension-size:22px;margin:0 0 18px;overflow:hidden}.live-load-preview header{justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px 5px;display:flex}.live-load-preview h3{margin:4px 0 0;font-size:clamp(22px,2.1vw,32px);line-height:1.2}.live-load-preview header>span{color:#93c5fd;font-size:clamp(14px,1.15vw,18px);line-height:1.4}.live-load-preview svg{width:100%;height:auto;min-height:170px;display:block}.live-load-preview svg .draw-load text{font-family:JetBrains Mono,monospace;font-size:var(--beam-load-label-size);font-weight:800}.live-load-preview svg .dim-text{font-family:JetBrains Mono,monospace;font-size:var(--beam-dimension-size);font-weight:700}.guided-activities{margin:0 0 18px;padding:clamp(16px,2vw,22px)}.guided-activities-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.guided-activities-heading h3{margin:4px 0 0;font-size:clamp(24px,2.35vw,34px);line-height:1.2}.guided-activities-heading>span{color:var(--muted);font-size:clamp(14px,1.1vw,17px)}.retained-support-preview{margin:0 0 12px}.retained-support-preview .canvas-wrap{justify-content:center;align-items:center;min-height:clamp(155px,18vw,250px);display:flex}.retained-support-preview .beam-canvas{width:min(100%,1100px);height:clamp(155px,18vw,250px);max-height:none}.activity-select-field{display:none}.activity-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.activity-buttons button{color:#cbd5e1;border:1px solid var(--border);text-align:left;cursor:pointer;background:#111827;border-radius:12px;min-height:64px;padding:13px 16px;font-size:clamp(15px,1.15vw,18px);line-height:1.35}.activity-buttons button:hover,.activity-buttons button.selected{color:#fff;background:#3b82f629;border-color:#3b82f6}.activity-brief{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.activity-brief>div{background:#0f172aa6;border-left:3px solid #38bdf8;border-radius:9px;padding:13px 15px}.activity-brief strong{color:#7dd3fc;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.activity-brief p{color:#cbd5e1;margin:5px 0 0;font-size:13px;line-height:1.5}.applied-loads li{grid-template-columns:30px minmax(0,1fr) auto}.applied-loads li>.remove-load-button{border:1px solid #0000;align-items:center;gap:5px;width:auto;height:32px;padding:0 9px;font-size:11px;display:flex}.remove-load-button span{font-size:18px}.applied-load-details{min-width:0}.applied-load-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px;display:grid}.applied-load-edit-grid label{color:var(--muted);gap:4px;font-size:10px;display:grid}.applied-load-edit-grid input{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);background:#0f1420;border-radius:7px;outline:0;padding:7px 8px;font:600 11px ui-monospace,monospace}.applied-load-edit-grid input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61f}.applied-load-edit-grid .function-edit-field{grid-column:1/-1}.clear-all-loads{color:#fca5a5;border-color:#f871714d}.statics-lab{gap:16px;display:grid}.statics-hero{background:linear-gradient(135deg,#2563eb3d,#0f172af5 56%,#0d94881f);justify-content:space-between;align-items:flex-start;gap:20px;padding:clamp(20px,3vw,30px);display:flex}.statics-hero h2{margin:6px 0 8px;font-size:clamp(24px,3vw,36px);line-height:1.12}.statics-hero p{color:#b8c3d6;max-width:680px;margin:0;font-size:clamp(14px,1.5vw,17px);line-height:1.6}.statics-progress{color:#a7f3d0;background:#10b9811f;border:1px solid #34d3994d;border-radius:999px;flex:none;padding:9px 12px;font-size:12px;font-weight:700}.statics-path{grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:hidden}.statics-path article{border-right:1px solid var(--border);min-height:104px;padding:16px 12px;position:relative}.statics-path article:last-child{border-right:0}.statics-path article span{color:#fff;background:#2563eb;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-weight:800;display:grid}.statics-path article p{color:#cbd5e1;margin:8px 0 0;font-size:11px;line-height:1.45}.fbd-card,.resultant-card,.prediction-card,.equilibrium-worked{padding:clamp(17px,2.4vw,26px)}.fbd-heading,.statics-section-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px;display:flex}.fbd-heading h3,.statics-section-heading h3{margin:3px 0 0;font-size:clamp(18px,2vw,24px)}.fbd-heading p,.statics-section-heading p{color:var(--muted);margin:5px 0 0;font-size:13px}.statics-step-label{color:#60a5fa;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.reveal-button,.check-predictions,.explore-response-button{color:#dbeafe;cursor:pointer;background:#2563eb24;border:1px solid #3b82f6;border-radius:10px;min-height:42px;padding:9px 14px;font-weight:700}.reveal-button.revealed{color:#a7f3d0;background:#10b9811a;border-color:#10b981}.statics-signs{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.statics-signs span{color:#cbd5e1;border:1px solid var(--border);background:#111827;border-radius:8px;padding:7px 9px;font-size:11px}.resultant-table-wrap{overflow-x:auto}.resultant-table{border-collapse:collapse;width:100%;min-width:680px}.resultant-table th,.resultant-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 13px}.resultant-table th{color:#93a4bd;text-transform:uppercase;letter-spacing:.07em;font-size:11px}.resultant-table td{color:#d8e0ec;font-size:13px}.resultant-table code{color:#67e8f9;white-space:normal}.prediction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.prediction-grid label{border:1px solid var(--border);background:#111827;border-radius:12px;padding:14px}.prediction-grid label>span{color:#cbd5e1;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.prediction-input{background:#0b1020;border:1px solid #475569;border-radius:9px;align-items:center;display:flex;overflow:hidden}.prediction-input input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;min-height:42px;padding:9px 11px;font:600 15px JetBrains Mono,monospace}.prediction-input b{color:#94a3b8;padding:0 11px;font-size:12px}.prediction-grid small{margin-top:8px;line-height:1.45;display:block}.prediction-correct{border-color:#10b981!important}.prediction-correct small{color:#6ee7b7}.prediction-review{border-color:#f59e0b!important}.prediction-review small{color:#fcd34d}.check-predictions{margin-top:14px}.equilibrium-equations{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.equilibrium-equations article{border:1px solid var(--border);background:#111827;border-radius:11px;flex-direction:column;gap:7px;padding:14px;display:flex}.equilibrium-equations article span{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:700}.equilibrium-equations article code{color:#67e8f9;white-space:normal;line-height:1.55}.equilibrium-equations .worked-equilibrium-lines{grid-column:1/-1}.worked-equilibrium-lines code{border-bottom:1px dashed #94a3b82e;padding:6px 0;display:block}.equilibrium-equations .verified{border-color:#10b98180}.equilibrium-equations .verified strong{color:#6ee7b7}.equilibrium-equations .warning{border-color:#f59e0b80}.equilibrium-equations .warning strong{color:#fcd34d}.explore-response-button{color:#fff;background:#2563eb;margin:16px 0 0 auto;display:block}@media (max-width:1000px){.activity-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.statics-path{grid-template-columns:repeat(3,minmax(0,1fr))}.statics-path article:nth-child(3){border-right:0}.statics-path article:nth-child(-n+3){border-bottom:1px solid var(--border)}.equilibrium-equations{grid-template-columns:1fr 1fr}}@media (max-width:640px){.live-load-preview{--beam-load-label-size:22px;--beam-dimension-size:18px}.live-load-preview header,.guided-activities-heading,.statics-hero,.fbd-heading,.statics-section-heading{flex-direction:column;align-items:stretch}.live-load-preview svg{width:760px;max-width:none}.live-load-preview{overflow-x:auto}.activity-select-field{gap:7px;width:100%;display:grid}.support-visual-preview>div:first-child,.retained-support-preview>div:first-child,.retained-preview-title{flex-direction:column;align-items:flex-start}.retained-support-preview .canvas-wrap{min-height:150px}.retained-support-preview .beam-canvas{width:100%;height:150px}.activity-select-field>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.activity-select-field select{box-sizing:border-box;border:1px solid var(--border);background:var(--surface2);width:100%;min-width:0;min-height:50px;color:var(--text);border-radius:11px;padding:11px 42px 11px 13px;font-size:16px;font-weight:650}.activity-buttons{display:none}.activity-brief,.prediction-grid,.equilibrium-equations{grid-template-columns:1fr}.statics-path{grid-template-columns:1fr 1fr}.statics-path article{border-bottom:1px solid var(--border)}.statics-path article:nth-child(2n){border-right:0}.statics-path article:nth-last-child(-n+2){border-bottom:0}.statics-progress{align-self:flex-start}.reveal-button,.check-predictions,.explore-response-button{width:100%}.applied-loads li{grid-template-columns:30px minmax(0,1fr)}.applied-loads li>.remove-load-button{grid-column:2;justify-self:start}.applied-load-edit-grid{grid-template-columns:1fr}.applied-load-edit-grid .function-edit-field{grid-column:auto}}@media (max-width:420px){.live-load-preview{--beam-load-label-size:20px;--beam-dimension-size:17px}.live-load-preview header{padding:14px 15px 5px}.live-load-preview h3{font-size:21px}.live-load-preview header>span{font-size:13px}.live-load-preview svg .draw-load text{font-size:var(--beam-load-label-size)}.live-load-preview svg .dim-text{font-size:var(--beam-dimension-size)}.guided-activities{padding:15px}.guided-activities-heading h3{font-size:23px}.activity-buttons button{min-height:58px;padding:12px 14px;font-size:16px}}@media (min-width:1024px){.app .stage-navigation{gap:14px;margin-bottom:28px}.app .stage-navigation button{border-radius:12px;gap:12px;min-height:58px;padding:13px 20px;font-size:18px;font-weight:700;line-height:1.25}.app .stage-navigation button span{flex:0 0 32px;width:32px;height:32px;font:800 14px/1 JetBrains Mono,monospace}.beam-setup-panel .card{margin-bottom:20px;padding:30px 32px}.beam-setup-panel .card-title{letter-spacing:.09em;margin-bottom:24px;font-size:20px;line-height:1.3}.beam-setup-panel .beam-preview-help{color:var(--muted);text-align:center;margin-top:14px;font-size:18px;line-height:1.55}.beam-setup-panel .form-row{gap:20px;margin-bottom:22px}.beam-setup-panel .form-group{gap:10px}.beam-setup-panel .form-group label{font-size:17px;line-height:1.4}.beam-setup-panel .form-group input,.beam-setup-panel .form-group select{min-height:54px;padding:12px 16px;font-size:18px;line-height:1.35}.beam-setup-panel .form-group small,.beam-setup-panel .support-help,.beam-setup-panel .geometry-help{color:var(--muted);font-size:16px;line-height:1.55}.beam-setup-panel .support-grid{gap:14px;margin-bottom:18px}.beam-setup-panel .support-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:118px;padding:22px 24px;display:flex}.beam-setup-panel .support-card .sc-label{margin-bottom:8px;font-size:19px;line-height:1.35}.beam-setup-panel .support-card .sc-desc{font-size:16px;line-height:1.5}.beam-setup-panel .btn-row .btn-primary{min-height:52px;padding:12px 24px;font-size:17px}}@media screen and (min-width:900px){.app .beam-setup-panel .beam-preview-help{margin-top:18px!important;font-size:20px!important;line-height:1.6!important}.app .beam-setup-panel>.card{padding:34px 36px!important}.app .beam-setup-panel>.card>.card-title{letter-spacing:.08em!important;margin-bottom:28px!important;font-size:22px!important;line-height:1.35!important}.app .beam-setup-panel .form-group>label{font-size:19px!important;line-height:1.5!important}.app .beam-setup-panel .form-group>select,.app .beam-setup-panel .form-group>input{min-height:58px!important;padding:14px 18px!important;font-size:20px!important;line-height:1.35!important}.app .beam-setup-panel .form-group>small{margin-top:4px!important;font-size:18px!important;line-height:1.6!important}.app .beam-setup-panel .support-grid{gap:16px!important}.app .beam-setup-panel .support-card{min-height:132px!important;padding:24px 26px!important}.app .beam-setup-panel .support-card .sc-label{margin-bottom:10px!important;font-size:21px!important;line-height:1.4!important}.app .beam-setup-panel .support-card .sc-desc{font-size:18px!important;line-height:1.55!important}.header-actions .header-survey-link,.header-actions .btn-reset{border-radius:13px!important;min-height:60px!important}.header-actions .header-survey-link{gap:11px!important;padding:8px 15px!important}.header-actions .survey-link-icon{border-radius:10px!important;width:38px!important;height:38px!important;font-size:16px!important}.header-actions .survey-link-copy small{font-size:10px!important;line-height:1.2!important}.header-actions .survey-link-copy strong{margin-top:3px!important;font-size:19px!important;font-weight:800!important;line-height:1.2!important}.header-actions .survey-link-arrow{font-size:17px!important}.header-actions .btn-reset{gap:9px!important;padding:12px 20px!important;font-size:19px!important;font-weight:700!important;line-height:1.2!important}.header-actions .btn-reset>span:first-child{font-size:20px!important}.app .load-lab{padding:32px 36px 128px!important}.app .load-lab-header{margin-bottom:28px}.app .load-lab-header .eyebrow,.app .guided-activities .eyebrow{line-height:1.35;font-size:14px!important}.app .load-lab-header h2{line-height:1.2;font-size:36px!important}.app .load-lab-header p:not(.eyebrow){font-size:18px!important}.app .beam-span-chip{min-width:154px;padding:16px 19px}.app .beam-span-chip span{font-size:13px}.app .beam-span-chip strong{font-size:22px}.app .load-type-grid{gap:14px;margin-bottom:24px}.app .load-type{gap:15px;min-height:92px;padding:17px 18px}.app .load-type-icon{flex-basis:46px;width:46px;height:46px;font-size:27px}.app .load-type strong{font-size:18px;line-height:1.3}.app .load-type small{font-size:15px;line-height:1.35}.app .live-load-preview{--beam-load-label-size:30px;--beam-dimension-size:23px;margin-bottom:24px}.app .live-load-preview header{padding:24px 28px 4px}.app .live-load-preview h3{font-size:31px!important}.app .guided-activities{margin-bottom:24px;padding:24px 26px}.app .guided-activities-heading h3{font-size:31px!important}.app .guided-activities-heading>span{font-size:17px!important}.app .activity-buttons{gap:12px}.app .activity-buttons button{min-height:68px;padding:14px 16px;line-height:1.4;font-size:17px!important}.app .activity-brief{gap:16px;margin-top:16px}.app .activity-brief strong{font-size:14px}.app .activity-brief p{font-size:16px;line-height:1.55}.app .load-editor{grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:22px}.app .load-form,.app .applied-loads{border-radius:18px;padding:26px}.app .load-form{gap:20px}.app .load-form label>span{margin-bottom:9px;font-size:16px}.app .load-form input,.app .load-form select{min-height:54px;padding:12px 15px;font-size:17px}.app .function-help,.app .function-result,.app .load-error{font-size:15px}.app .add-load-button{min-height:54px;font-size:17px}.app .applied-loads-title h3{font-size:22px}.app .applied-loads-title span{width:32px;height:32px;font-size:16px}.app .empty-loads{min-height:160px;font-size:16px}.app .applied-loads ol{gap:12px;max-height:390px}.app .applied-loads li{grid-template-columns:34px minmax(0,1fr) auto;gap:12px;padding:15px}.app .applied-loads li strong{font-size:17px}.app .applied-loads li small{font-size:14px;line-height:1.5}.app .applied-load-edit-grid label span{font-size:13px}.app .applied-load-edit-grid input{min-height:44px;font-size:15px}.app .load-footer-actions{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c1320f5;border:1px solid #3b506d;border-radius:16px;grid-template-columns:minmax(320px,1fr) auto auto minmax(190px,auto);align-items:center;gap:12px;margin-top:26px;padding:14px;display:grid;position:sticky;bottom:14px;box-shadow:0 18px 45px #0000006b}.app .load-footer-actions .analysis-safety-note{min-width:0;font-size:14px;margin:0!important}.app .load-footer-actions .btn-primary,.app .load-footer-actions .btn-secondary{white-space:nowrap;min-height:52px;padding:11px 18px;font-size:16px!important}.app .load-footer-actions .analyze-button{min-width:190px;margin-left:0;font-weight:800;font-size:18px!important}}@media screen and (min-width:900px) and (max-width:1180px){.app .load-lab{padding-inline-start:24px!important;padding-inline-end:24px!important}.app .load-footer-actions{grid-template-columns:1fr auto auto}.app .load-footer-actions .analysis-safety-note{grid-column:1/-1}.app .load-footer-actions .analyze-button{min-width:210px}}@media screen and (min-width:900px){.app .load-lab .guided-activities-heading h3{font-size:34px!important}.app .load-lab .guided-activities-heading>span{font-size:19px!important}.app .load-lab .activity-buttons button{min-height:72px;font-weight:600;font-size:19px!important}.app .load-lab .activity-brief strong{font-size:16px}.app .load-lab .activity-brief p{font-size:18px}.app .load-lab .load-form label>span{font-size:18px!important}.app .load-lab .load-form input,.app .load-lab .load-form select,.app .load-lab .add-load-button{min-height:58px;font-size:19px!important}.app .load-lab .applied-loads-title h3{font-size:25px!important}.app .load-lab .empty-loads{font-size:18px!important}.app .load-lab .applied-loads li strong{font-size:19px!important}.app .load-lab .applied-loads li small{font-size:16px!important}.app .load-lab .load-footer-actions .analysis-safety-note{line-height:1.5;font-size:16px!important}.app .load-lab .load-footer-actions .btn-primary,.app .load-lab .load-footer-actions .btn-secondary{min-height:56px;font-size:18px!important}.app .load-lab .load-footer-actions .analyze-button{font-size:20px!important}}.community{border:1px solid var(--border);background:var(--surface);border-radius:22px;padding:28px}.live-pill,.demo-pill{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.live-pill{color:#86efac;background:#123524}.demo-pill{color:#fcd34d;background:#382b12}.community-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;display:grid}.community-stats article,.feedback-box,.comment-feed{border:1px solid var(--border);background:var(--surface-2);border-radius:15px;padding:18px}.community-stats article>span{color:var(--muted);letter-spacing:.08em;font-size:11px;font-weight:800;display:block}.community-stats strong{margin:5px 0;font-size:30px;display:block}.community-grid{grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:20px;display:grid}.star-picker button{color:#475569;background:0 0;border:0;font-size:36px}.star-picker button.filled,.star-display .filled{color:#fbbf24}.star-display i{color:#475569;font-style:normal}.feedback-box form{gap:13px;margin-top:18px;display:grid}.feedback-box input,.feedback-box textarea{border:1px solid var(--border);background:var(--background);width:100%;color:var(--text);border-radius:9px;margin-top:6px;padding:11px;display:block}.website-trap{position:absolute;left:-10000px}.feed-head,.comment-meta{justify-content:space-between;display:flex}.comment-feed>article{border-bottom:1px solid var(--border);grid-template-columns:40px 1fr;gap:12px;padding:14px 0;display:grid}.avatar{background:#244a7d;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.setup-note,.community-status{background:#172b40;border-radius:8px;margin-top:14px;padding:12px}.admin-area{margin-top:20px}.admin-toggle{color:var(--muted);background:0 0;border:0}@media (max-width:800px){.community-grid{grid-template-columns:1fr}}@media (max-width:600px){.community-stats{grid-template-columns:1fr}.community{padding:17px}}.website-trap{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.admin-area{border-top:1px solid #30415c;margin-top:22px;padding-top:18px}.admin-toggle{color:#8297b6;background:0 0;border:0;padding:8px 0}.admin-panel{background:#0c1523;border:1px solid #344863;border-radius:15px;margin-top:12px;padding:20px}.admin-panel form{gap:11px;max-width:430px;display:grid}.admin-panel form h3,.admin-head h3{margin:0}.admin-panel form p,.admin-head p{color:#879ab5;margin:0 0 5px}.admin-panel input{color:#fff;background:#080f1b;border:1px solid #40516c;border-radius:9px;height:44px;padding:0 12px}.admin-panel form .primary{justify-self:start}.admin-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.admin-head>button{color:#c2cee0;background:#121d2d;border:1px solid #3a4c68;border-radius:8px;padding:8px 12px}.moderation-list{gap:10px;display:grid}.moderation-list article{background:#111c2c;border:1px solid #2f405b;border-radius:12px;grid-template-columns:1fr auto;gap:15px;padding:14px;display:grid}.moderation-copy strong{margin-left:9px}.moderation-copy time{color:#7185a3;margin-top:5px;font-size:12px;display:block}.moderation-copy p{color:#c1cede;margin:8px 0 0}.status-tag{text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:900}.status-tag.pending{color:#ffd27a;background:#392b11}.status-tag.approved{color:#8ce8af;background:#123426}.status-tag.rejected{color:#ff9ca8;background:#391922}.moderation-actions{align-items:center;gap:6px;display:flex}.moderation-actions button{background:0 0;border-radius:8px;padding:8px 10px}.moderation-actions .approve{color:#88e5ac;border:1px solid #347153}.moderation-actions .reject{color:#ffd27a;border:1px solid #76602c}.moderation-actions .remove{color:#ff9da9;border:1px solid #753442}@media (max-width:700px){.moderation-list article{grid-template-columns:1fr}.moderation-actions{flex-wrap:wrap}}.pilot-banner{color:#cce8ff;background:linear-gradient(90deg,#0b2239,#12334c,#0b2239);border-bottom:1px solid #2a4f70;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:7px 22px;font-size:14px;display:flex}.pilot-banner strong{color:#fff}.pilot-live-dot{background:#34d399;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #34d3991f}.pilot-banner-warning{border-left:1px solid #47647e;padding-left:10px}.pilot-version{color:#bfdbfe;background:#3b82f633;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.pilot-overlay{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02060fd1;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.pilot-consent-overlay{z-index:999}.pilot-dialog{color:#e5edf8;text-align:left;background:#101a29;border:1px solid #3b506d;border-radius:22px;width:min(680px,100%);max-height:min(82vh,760px);padding:clamp(24px,4vw,38px);position:relative;overflow:auto;box-shadow:0 26px 90px #0000008c}.pilot-dialog h2{color:#fff;margin:8px 0 18px;font-size:clamp(25px,4vw,36px)}.pilot-dialog-kicker{color:#60a5fa;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:900}.pilot-dialog-copy{gap:14px;margin-bottom:24px;display:grid}.pilot-dialog-copy p,.pilot-consent>p{color:#c3cfdf;font-size:15px;line-height:1.7}.pilot-dialog-copy strong{color:#fff}.pilot-dialog-close{color:#cbd5e1;background:#1f2d42;border:0;border-radius:50%;width:38px;height:38px;font-size:25px;position:absolute;top:15px;right:17px}.pilot-critical-warning{color:#fde68a;background:#a1620724;border:1px solid #a16207;border-radius:12px;margin:19px 0;padding:16px;line-height:1.55}.pilot-critical-warning strong{color:#fff}.pilot-acceptance{background:#0b1422;border:1px solid #344761;border-radius:12px;align-items:flex-start;gap:11px;padding:15px;line-height:1.55;display:flex}.pilot-acceptance input{flex:none;width:19px;height:19px;margin-top:2px}.pilot-consent-links{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.pilot-consent-links button,.pilot-footer button,.pilot-footer a{color:#93c5fd;cursor:pointer;background:0 0;border:0;text-decoration:none}.pilot-consent-links button{border:1px solid #334866;border-radius:8px;padding:7px 9px}.pilot-continue{width:100%;min-height:48px}.pilot-continue:disabled{cursor:not-allowed;opacity:.42}.pilot-footer{text-align:left;justify-content:space-between;align-items:center;gap:20px;padding:20px clamp(20px,4vw,50px);display:flex}.pilot-footer>div strong,.pilot-footer>div span{display:block}.pilot-footer>div span{color:var(--muted);margin-top:3px;font-size:12px}.pilot-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:13px;display:flex}.pilot-footer button,.pilot-footer a{font:inherit;padding:4px;font-size:13px}.analysis-safety-note{color:#fde68a;text-align:left;background:#f59e0b14;border:1px solid #f59e0b59;border-radius:10px;align-items:flex-start;gap:9px;max-width:760px;margin:0 auto 15px;padding:11px 14px;font-size:13px;line-height:1.5;display:flex}.analysis-safety-note strong{color:#fff}@media (max-width:760px){.pilot-banner{flex-wrap:wrap;justify-content:flex-start;padding:9px 15px}.pilot-banner-warning{border:0;width:100%;padding:5px 0 0 19px;font-size:12px}.pilot-footer{flex-direction:column;align-items:flex-start}.pilot-footer nav{justify-content:flex-start}.pilot-dialog{padding:24px 19px}.pilot-dialog-copy p,.pilot-consent>p{font-size:14px}}@media (min-width:1024px){.pilot-banner{gap:15px;min-height:58px;padding:10px 28px;font-size:18px}.pilot-live-dot{width:11px;height:11px}.pilot-banner-warning{padding-left:14px}.pilot-version{padding:7px 12px;font-size:15px}}.pilot-footer .social-link{align-items:center;gap:6px;display:inline-flex}.pilot-footer .social-link svg{fill:currentColor;flex:none;width:19px;height:19px}.load-footer-actions .analysis-safety-note{flex:1 0 100%;max-width:none;margin:0 0 5px}@media (min-width:900px){.load-footer-actions .analysis-safety-note{flex:auto;margin:0}}:root{--workstation-header-height:76px;--workstation-control-height:48px;--workstation-panel:#111827;--workstation-panel-raised:#172033;--workstation-line:#2d3b55;--workstation-blue:#3b82f6}.workspace-preferences{align-items:center;gap:8px;display:flex;position:relative}.help-control,.settings-control{position:relative}.app-header .help-button,.app-header .share-app-button,.app-header .settings-button{border-radius:7px!important;min-height:42px!important;padding:9px 13px!important;font-size:14px!important;font-weight:700!important}.help-button{color:#17202a;cursor:pointer;background:#fff;border:1px solid #d6dbe0;justify-content:center;align-items:center;gap:7px;display:inline-flex}.help-button>span:first-child{color:#0076d6;background:#eef6fc;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:850;display:grid}.help-button:hover,.help-button.active{color:#0076d6;background:#eef6fc;border-color:#86bce5}.help-popover{z-index:90;background:#fff;border:1px solid #cbd8e3;border-radius:12px;width:280px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 45px #10233f29}.help-popover a,.help-popover button{color:#10233f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:12px;text-decoration:none;display:flex}.help-popover a:hover,.help-popover button:hover{background:#eef6fc}.help-popover a>span:first-child,.help-popover button>span:first-child{color:#0076d6;font-size:18px}.help-popover strong,.help-popover small{display:block}.help-popover strong{font-size:14px}.help-popover small{color:#52657a;margin-top:3px;font-size:12px}.settings-unit-section{border-bottom:1px solid #dbe4ec;padding:14px 0}.settings-section-label{color:#52657a;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.settings-unit-switch{background:#f4f7fa;border:1px solid #cbd8e3;border-radius:9px;grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}.settings-unit-switch button{color:#52657a;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:38px;font-weight:800}.settings-unit-switch button.active{color:#fff;background:#0076d6;box-shadow:0 2px 6px #0076d638}@media (max-width:720px){.app-header .workspace-preferences{display:flex!important}.app-header .share-app-button,.app-header .help-button{display:none!important}.app-header .settings-button{width:40px!important;min-width:40px!important;padding:8px!important}.app-header .settings-button-label{display:none!important}.settings-popover{width:auto!important;position:fixed!important;top:70px!important;left:12px!important;right:12px!important}}@media screen and (max-width:600px) and (orientation:portrait){.app-header{height:auto!important;min-height:0!important;position:relative!important;overflow:visible!important}.header-inner,.truss-header-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:100%!important;min-height:0!important;padding:9px 10px 10px!important;display:grid!important;overflow:visible!important}.header-inner>.brand,.truss-header-inner>.truss-brand{grid-column:1/-1!important;justify-content:center!important;width:max-content!important;min-width:0!important;max-width:100%!important;margin:0 auto 2px!important;display:flex!important}.brand-mark,.truss-brand .brand-mark{flex:0 0 38px!important;width:38px!important;height:38px!important}.brand-name{white-space:nowrap!important;font-size:clamp(17px,6vw,20px)!important}.brand-sub{display:none!important}.header-actions{grid-column:1/-1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;min-width:0!important;display:grid!important;overflow:visible!important}.header-actions .lab-switcher,.truss-header-inner>.lab-switcher{grid-column:1/-1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;width:100%!important;min-width:0!important;min-height:0!important;padding:3px!important;display:grid!important}.lab-switcher a,.lab-switcher button{text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important;min-width:0!important;min-height:38px!important;padding:7px 4px!important;font-size:12px!important;line-height:1.2!important;overflow:hidden!important}.header-actions .global-unit-switch,.truss-header-inner>.global-unit-switch{grid-column:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important;width:100%!important;min-width:0!important;min-height:0!important;padding:3px!important;display:grid!important}.global-unit-switch button{width:100%!important;min-width:0!important;min-height:40px!important;padding:6px 3px!important;font-size:12px!important}.header-actions .workspace-preferences,.truss-header-inner>.workspace-preferences{grid-column:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;width:100%!important;min-width:0!important;display:grid!important}.workspace-preferences>*,.settings-control,.share-app-button,.settings-button{width:100%!important;min-width:0!important;max-width:100%!important}.share-app-button,.settings-button{justify-content:center!important;gap:4px!important;min-height:46px!important;padding:6px 4px!important;font-size:11px!important}.share-button-label,.settings-button-label{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;display:inline!important;overflow:hidden!important}.pilot-banner{position:relative!important;top:auto!important}}.brand-sub{white-space:nowrap}.settings-control{position:relative}.settings-button{border:1px solid var(--workstation-line);background:var(--workstation-panel);color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:14px;font-weight:750;display:inline-flex}.settings-button:hover,.settings-button.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--workstation-panel))}.settings-button>span:first-child{font-size:16px}.settings-popover{z-index:250;border:1px solid var(--workstation-line);background:var(--surface);width:min(330px,100vw - 24px);color:var(--text);border-radius:16px;padding:16px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 70px #0000006b}.settings-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:13px;display:flex}.settings-heading span,.settings-heading strong{display:block}.settings-heading span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:850}.settings-heading strong{margin-top:4px;font-size:17px}.settings-heading>button{border:1px solid var(--border);background:var(--surface2);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:9px;font-size:20px}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.theme-options button{border:1px solid var(--border);background:var(--surface2);min-height:46px;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:700;display:grid}.theme-options button:hover,.theme-options button.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface2))}.theme-options button i{color:var(--accent);text-align:right;font-style:normal;font-weight:900}.settings-reset-button{color:#fda4af;cursor:pointer;background:#7f1d1d1f;border:1px solid #b4535d;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-top:13px;padding:9px 12px;font-size:14px;font-weight:750;display:flex}.settings-screen-tester{border:1px solid var(--line);background:var(--surface2);width:100%;min-height:46px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:9px 12px;font-size:14px;font-weight:750;text-decoration:none;display:flex}.settings-screen-tester:hover{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:2px}.settings-screen-tester:focus-visible{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:2px}html[data-theme=light] .settings-popover{color:#0f172a;background:#fff;border-color:#94a3b8;box-shadow:0 24px 60px #0f172a33}html[data-theme=light] .settings-button,html[data-theme=light] .theme-options button,html[data-theme=light] .settings-heading>button{color:#0f172a;background:#f8fafc;border-color:#94a3b8}html[data-theme=light] .settings-reset-button{color:#9f1239;background:#fff1f2}html[data-theme=light] .settings-screen-tester{color:#0f172a;background:#f8fafc;border-color:#94a3b8}@media (max-width:1300px){.settings-button-label{display:none}.settings-button{width:48px;padding-inline-start:8px;padding-inline-end:8px}}@media (max-width:700px){.header-actions{grid-template-columns:minmax(0,1fr) auto auto auto auto!important}.settings-button{width:48px;padding:8px}.truss-header-inner{grid-template-columns:minmax(0,1fr) auto auto auto auto!important}}html[data-theme=light] .app{--background:#fff;--workspace-card:#fff;--workspace-card-2:#f8fafc;--workspace-line:#94a3b8}html[data-theme=light] .app-main,html[data-theme=light] .truss-main,html[data-theme=light] .load-lab,html[data-theme=light] .statics-lab,html[data-theme=light] .community-workspace,html[data-theme=light] .truss-community{color:#0f172a!important;background:#fff!important}html[data-theme=light] .truss-status,html[data-theme=light] .custom-builder,html[data-theme=light] .advanced-editor,html[data-theme=light] .load-relocation,html[data-theme=light] .directional-load-card,html[data-theme=light] .load-register,html[data-theme=light] .validation-strip>div,html[data-theme=light] .truss-metrics article,html[data-theme=light] .solution-steps,html[data-theme=light] .reaction-summary,html[data-theme=light] .reaction-summary-grid article,html[data-theme=light] .reaction-summary dl div,html[data-theme=light] .board-edit-status,html[data-theme=light] .selected-member-tools,html[data-theme=light] .geometry-inspector,html[data-theme=light] .truss-table-scroll,html[data-theme=light] .community,html[data-theme=light] .community-stats article,html[data-theme=light] .feedback-box,html[data-theme=light] .comment-feed,html[data-theme=light] .setup-note,html[data-theme=light] .community-status,html[data-theme=light] .beam-span-chip,html[data-theme=light] .live-load-preview,html[data-theme=light] .guided-activities,html[data-theme=light] .statics-hero,html[data-theme=light] .statics-path,html[data-theme=light] .fbd-card,html[data-theme=light] .resultant-card,html[data-theme=light] .prediction-card,html[data-theme=light] .equilibrium-worked,html[data-theme=light] .activity-brief>div,html[data-theme=light] .prediction-grid label,html[data-theme=light] .equilibrium-equations article,html[data-theme=light] .applied-loads li,html[data-theme=light] .function-result,html[data-theme=light] .modal,html[data-theme=light] .pilot-dialog,html[data-theme=light] .pilot-acceptance,html[data-theme=light] .fatal-error{color:#0f172a!important;background:#f8fafc!important;border-color:#94a3b8!important}html[data-theme=light] .truss-status,html[data-theme=light] .reaction-summary,html[data-theme=light] .statics-hero,html[data-theme=light] .board-edit-status{background:#eff6ff!important}html[data-theme=light] .app input:not([type=checkbox]):not([type=radio]),html[data-theme=light] .app select,html[data-theme=light] .app textarea,html[data-theme=light] .prediction-input,html[data-theme=light] .applied-load-edit-grid input,html[data-theme=light] .generator-grid input,html[data-theme=light] .generator-grid select,html[data-theme=light] .load-relocation input,html[data-theme=light] .load-relocation select,html[data-theme=light] .directional-load-card input,html[data-theme=light] .directional-load-card select{color:#000!important;background:#fff!important;border-color:#94a3b8!important}html[data-theme=light] .app input::placeholder,html[data-theme=light] .app textarea::placeholder{opacity:1;color:#64748b!important}html[data-theme=light] .truss-edit-table th,html[data-theme=light] .truss-result-table th,html[data-theme=light] .resultant-table th{color:#0f172a!important;background:#e2e8f0!important;border-color:#94a3b8!important}html[data-theme=light] .truss-edit-table td,html[data-theme=light] .truss-result-table td,html[data-theme=light] .resultant-table td{color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important}html[data-theme=light] .advanced-editor summary,html[data-theme=light] .truss-panel label,html[data-theme=light] .load-form label>span,html[data-theme=light] .prediction-grid label>span,html[data-theme=light] .statics-path article p,html[data-theme=light] .activity-brief p,html[data-theme=light] .resultant-table code,html[data-theme=light] .equilibrium-equations article code,html[data-theme=light] .solution-steps ol,html[data-theme=light] .solution-steps code,html[data-theme=light] .reaction-summary dt,html[data-theme=light] .reaction-summary dd{color:#0f172a!important}html[data-theme=light] .solution-steps code,html[data-theme=light] .equilibrium-equations article code{background:#e2e8f0!important}html[data-theme=light] .direction-picker button,html[data-theme=light] .activity-buttons button,html[data-theme=light] .activity-select-field select,html[data-theme=light] .results-view-select select,html[data-theme=light] .example-row button,html[data-theme=light] .statics-signs span,html[data-theme=light] .reveal-button,html[data-theme=light] .check-predictions,html[data-theme=light] .quiet-action,html[data-theme=light] .btn-secondary,html[data-theme=light] .pilot-consent-links button{color:#0f172a!important;background:#fff!important;border-color:#94a3b8!important}html[data-theme=light] .direction-picker button:hover,html[data-theme=light] .direction-picker button.selected,html[data-theme=light] .activity-buttons button:hover,html[data-theme=light] .activity-buttons button.selected,html[data-theme=light] .activity-select-field select:focus,html[data-theme=light] .results-view-select select:focus,html[data-theme=light] .example-row button:hover,html[data-theme=light] .reveal-button:hover,html[data-theme=light] .check-predictions:hover,html[data-theme=light] .quiet-action:hover,html[data-theme=light] .btn-secondary:hover,html[data-theme=light] .load-type.active,html[data-theme=light] .support-card.selected,html[data-theme=light] .vtog-active,html[data-theme=light] .tab-btn.active{color:#0f172a!important;background:#dbeafe!important;border-color:#2563eb!important}html[data-theme=light] .load-type-icon,html[data-theme=light] .load-index,html[data-theme=light] .applied-loads-title span,html[data-theme=light] .equilibrium-check span{color:#0f172a!important;background:#dbeafe!important}html[data-theme=light] .preview-mode-badge,html[data-theme=light] .applied-mode-badge,html[data-theme=light] .live-pill,html[data-theme=light] .demo-pill,html[data-theme=light] .lab-type-tag,html[data-theme=light] .statics-progress{color:#0f172a!important;background:#dbeafe!important;border-color:#93c5fd!important}html[data-theme=light] .setup-note,html[data-theme=light] .support-visual-preview,html[data-theme=light] .retained-support-preview,html[data-theme=light] .community-status{background:#eff6ff!important}html[data-theme=light] .avatar{color:#0f172a!important;background:#dbeafe!important}html[data-theme=light] .pilot-overlay,html[data-theme=light] .modal-overlay{background:#0f172a52!important}html[data-theme=light] .pilot-dialog h2,html[data-theme=light] .pilot-dialog-copy strong,html[data-theme=light] .pilot-critical-warning strong,html[data-theme=light] .analysis-safety-note strong,html[data-theme=light] .modal-title{color:#0f172a!important}html[data-theme=light] .pilot-dialog-copy p,html[data-theme=light] .pilot-consent>p,html[data-theme=light] .modal-desc{color:#334155!important}html[data-theme=light] .pilot-dialog-close{color:#0f172a!important;background:#e2e8f0!important}html[data-theme=light] .pilot-critical-warning,html[data-theme=light] .analysis-safety-note{color:#78350f!important;background:#fffbeb!important;border-color:#d97706!important}html[data-theme=light] .load-footer-actions{color:#1e293b!important;background:#eef4fbf7!important;border-color:#c7d5e8!important;box-shadow:0 14px 34px #1e40af1f!important}html[data-theme=light] .truss-alert.success,html[data-theme=light] .function-result{color:#064e3b!important;background:#ecfdf5!important;border-color:#10b981!important}html[data-theme=light] .truss-alert.warning{color:#78350f!important;background:#fffbeb!important;border-color:#d97706!important}html[data-theme=light] .truss-alert.error,html[data-theme=light] .load-error,html[data-theme=light] .function-result.invalid,html[data-theme=light] .fatal-error{color:#7f1d1d!important;background:#fef2f2!important;border-color:#dc2626!important}html[data-theme=light] .pilot-footer{border-top:1px solid #cbd5e1;color:#0f172a!important;background:#f8fafc!important}html[data-theme=light] .pilot-footer button,html[data-theme=light] .pilot-footer a{color:#1d4ed8!important}html[data-theme=light] .truss-hero p,html[data-theme=light] .truss-status span,html[data-theme=light] .truss-status strong,html[data-theme=light] .board-edit-status,html[data-theme=light] .board-edit-status strong,html[data-theme=light] .selected-member-tools p,html[data-theme=light] .selected-member-tools label,html[data-theme=light] .geometry-inspector p,html[data-theme=light] .reaction-summary>p,html[data-theme=light] .reaction-summary-grid article>div:first-child strong,html[data-theme=light] .reaction-summary-grid article>div:first-child span{color:#0f172a!important}html[data-theme=light] .app button:disabled,html[data-theme=light] .app button.disabled,html[data-theme=light] .app [aria-disabled=true]{color:#334155!important;opacity:1!important;box-shadow:none!important;background:#e2e8f0!important;border-color:#94a3b8!important}html[data-theme=light] .truss-delete-member,html[data-theme=light] .truss-delete-member:disabled,html[data-theme=light] .btn-danger,html[data-theme=light] .btn-danger-full,html[data-theme=light] .clear-all-loads{color:#7f1d1d!important;background:#fee2e2!important;border-color:#ef4444!important}html[data-theme=light] .truss-delete-member:disabled,html[data-theme=light] .btn-danger:disabled,html[data-theme=light] .btn-danger-full:disabled,html[data-theme=light] .clear-all-loads:disabled{color:#991b1b!important;opacity:1!important;background:#fef2f2!important;border-color:#fca5a5!important}html[data-theme=light] .truss-workflow-nav button.disabled span,html[data-theme=light] .app .stage-navigation button[aria-disabled=true] span{color:#0f172a!important;background:#cbd5e1!important}[data-tooltip]{position:relative}[data-tooltip]:after{z-index:1000;color:#fff;content:attr(data-tooltip);text-align:left;white-space:normal;opacity:0;pointer-events:none;background:#0f172a;border:1px solid #475569;border-radius:9px;width:max-content;max-width:min(280px,100vw - 24px);padding:9px 11px;font-size:12px;font-weight:650;line-height:1.4;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-4px);box-shadow:0 10px 28px #0f172a47}@media (hover:hover){[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)}.truss-workflow-nav,.load-type-grid,.segmented-control,.learning-tabs{overflow:visible!important}}[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}@media (max-width:480px) and (orientation:portrait){html,body,#root,.app,.truss-app{width:100%;max-width:100%;overflow-x:hidden}.app-header{position:relative!important}.header-inner,.truss-header-inner{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;display:grid!important}.header-inner>.brand,.truss-header-inner>.truss-brand{grid-column:1/-1;min-width:0}.brand-name{font-size:16px!important}.brand-sub{font-size:11px!important}.header-actions{grid-column:1/-1;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;display:grid!important}.header-actions .lab-switcher,.header-actions .global-unit-switch,.header-actions .workspace-preferences,.truss-header-inner .lab-switcher,.truss-header-inner .global-unit-switch,.truss-header-inner .workspace-preferences{grid-column:1/-1!important;width:100%!important}.lab-switcher,.global-unit-switch{grid-template-columns:repeat(2,minmax(0,1fr));display:grid!important}.lab-switcher a,.global-unit-switch button{justify-content:center;width:100%;min-width:0!important;padding-inline-start:8px!important;padding-inline-end:8px!important;font-size:14px!important}.workspace-preferences{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.workspace-preferences .share-app-button,.workspace-preferences .settings-control,.workspace-preferences .settings-button{width:100%!important}.share-button-label,.settings-button-label{display:inline!important}.header-survey-link,.header-community-link,.truss-feedback-link{justify-content:center;width:100%!important;min-width:0!important;padding:8px!important}.settings-popover{width:min(340px,100vw - 20px);max-height:70vh;right:0;overflow-y:auto}.pilot-banner{line-height:1.4;position:relative;min-height:0!important;padding:9px 12px!important;font-size:11px!important}.app-main,.truss-main,.load-lab{width:100%!important;padding:10px!important}.app .stage-navigation{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:5px!important;display:grid!important}.app .stage-navigation button{min-width:0;padding:7px 4px!important;font-size:12px!important}.truss-workflow-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:8px 10px!important;display:grid!important;position:relative!important;top:auto!important;overflow:visible!important}.truss-workflow-nav button{white-space:normal;width:100%;min-width:0;min-height:48px!important;padding:7px 6px!important;font-size:13px!important}.truss-workflow-nav button:last-child{grid-column:1/-1}.truss-hero{gap:14px;padding:18px 2px!important}.truss-hero h1{font-size:30px!important}.truss-status{width:100%;min-width:0;padding:16px!important}.truss-panel,.beam-setup-panel .beam-setup-controls .card,.beam-setup-panel .beam-setup-canvas,.community,.results-dashboard,.dashboard-section{border-radius:13px!important;padding:14px!important}.truss-section-heading,.custom-builder-heading,.load-lab-header,.results-bar,.result-actions{flex-direction:column!important;align-items:stretch!important}.truss-section-heading button,.custom-builder-heading button,.truss-toolbar button,.result-actions button,.load-footer-actions button{width:100%}.truss-template-grid,.generator-grid,.load-assignment-grid,.load-relocation,.validation-strip,.truss-metrics,.reaction-summary-grid,.geometry-report-grid,.load-type-grid,.load-editor,.load-form,.community-grid,.community-stats{grid-template-columns:1fr!important}.direction-picker,.load-card-actions,.learning-tabs,.segmented-control{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.analysis-breadcrumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid!important}.analysis-breadcrumbs .crumb-line{display:none}.analysis-breadcrumbs button,.segmented-control button,.learning-tabs button{white-space:normal!important;min-width:0!important}.analysis-toolbar{padding:10px!important;position:relative!important;top:auto!important}.toolbar-row,.toolbar-actions{width:100%;flex-direction:column!important;align-items:stretch!important}.truss-canvas-shell svg{min-height:260px!important}.truss-legend{justify-content:flex-start!important;gap:9px 14px!important}.truss-table-scroll,.resultant-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.modal-overlay,.pilot-overlay{align-items:flex-start;overflow-y:auto;padding:10px!important}.modal,.pilot-dialog{width:100%;max-height:none;padding:18px 14px!important}.pilot-footer{gap:12px;padding:16px 12px!important}[data-tooltip]:after{max-width:calc(100vw - 28px);font-size:11px}}html[data-theme=midnight]{--bg:#0b1020;--surface:#151b2b;--surface2:#1c2639;--border:#31415e;--text:#f1f5f9;--muted:#9aa9bf;--accent:#3b82f6;--workstation-panel:#111827;--workstation-panel-raised:#172033;--workstation-line:#30415e}html[data-theme=graphite]{--bg:#15171c;--surface:#202329;--surface2:#2a2e36;--border:#464c58;--text:#f5f7fa;--muted:#abb3bf;--accent:#60a5fa;--workstation-panel:#1d2026;--workstation-panel-raised:#272b33;--workstation-line:#464c58}html[data-theme=blueprint]{--bg:#06182d;--surface:#0b2542;--surface2:#103354;--border:#285b86;--text:#f0f8ff;--muted:#a5c3dc;--accent:#38bdf8;--workstation-panel:#09213b;--workstation-panel-raised:#0e2d4d;--workstation-line:#2a5b84}html[data-theme=forest]{--bg:#061915;--surface:#0c2822;--surface2:#12372f;--border:#2d6358;--text:#f0fdf8;--muted:#a7c9c0;--accent:#2dd4bf;--workstation-panel:#09231e;--workstation-panel-raised:#103029;--workstation-line:#2c6156}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#f8fafc;--surface2:#eef2f7;--border:#94a3b8;--text:#0f172a;--muted:#475569;--accent:#1d4ed8;--workstation-panel:#f8fafc;--workstation-panel-raised:#eef2f7;--workstation-line:#94a3b8;--workstation-blue:#1d4ed8}html[data-theme=professional]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7fa;--surface:#fff;--surface2:#f4f7fa;--border:#d0d7df;--text:#111827;--muted:#526170;--accent:#0076d6;--workstation-panel:#fff;--workstation-panel-raised:#f4f7fa;--workstation-line:#d0d7df;--workstation-blue:#0076d6}html[data-theme=contrast]{--bg:#000;--surface:#0b0b0b;--surface2:#171717;--border:#d1d5db;--text:#fff;--muted:#e5e7eb;--accent:#facc15;--workstation-panel:#050505;--workstation-panel-raised:#111;--workstation-line:#d1d5db}html[data-theme=professional] body,html[data-theme=professional] .app,html[data-theme=professional] .truss-app,html[data-theme=professional] .app-main,html[data-theme=professional] .truss-main,html[data-theme=professional] .load-lab,html[data-theme=professional] .community-workspace{color:#111827!important;background:#f4f7fa!important}html[data-theme=professional] .app-header{box-shadow:0 6px 20px #03213b17;background:#fffffff7!important;border-bottom-color:#03213b!important}html[data-theme=professional] .card,html[data-theme=professional] .truss-panel,html[data-theme=professional] .beam-setup-panel .beam-setup-controls .card,html[data-theme=professional] .beam-setup-panel .beam-setup-canvas,html[data-theme=professional] .panel-section,html[data-theme=professional] .diagram-wrap,html[data-theme=professional] .settings-popover,html[data-theme=professional] .truss-status,html[data-theme=professional] .reaction-summary,html[data-theme=professional] .solution-steps,html[data-theme=professional] .load-register,html[data-theme=professional] .custom-builder,html[data-theme=professional] .advanced-editor,html[data-theme=professional] .community,html[data-theme=professional] .modal,html[data-theme=professional] .pilot-dialog{box-shadow:0 10px 28px #03213b12;color:#111827!important;background:#fff!important;border-color:#d0d7df!important}html[data-theme=professional] .app input:not([type=checkbox]):not([type=radio]),html[data-theme=professional] .app select,html[data-theme=professional] .app textarea,html[data-theme=professional] .support-card,html[data-theme=professional] .theme-options button,html[data-theme=professional] .settings-heading>button,html[data-theme=professional] .settings-button,html[data-theme=professional] .share-app-button{color:#111827!important;background:#f4f7fa!important;border-color:#d0d7df!important}html[data-theme=professional] .app .stage-navigation,html[data-theme=professional] .analysis-toolbar,html[data-theme=professional] .truss-workflow-nav,html[data-theme=professional] .results-bar,html[data-theme=professional] .community-workspace-bar,html[data-theme=professional] .load-footer-actions{color:#111827!important;background:#fffffff7!important;border-color:#d0d7df!important}html[data-theme=professional] .lab-switcher a.active,html[data-theme=professional] .global-unit-switch button.active,html[data-theme=professional] .app .stage-navigation button.current,html[data-theme=professional] .truss-workflow-nav button.active,html[data-theme=professional] .analysis-breadcrumbs button.current,html[data-theme=professional] .segmented-control button.selected,html[data-theme=professional] .tab-btn.active,html[data-theme=professional] .support-card.selected,html[data-theme=professional] .load-type.active,html[data-theme=professional] .truss-template-grid button.selected,html[data-theme=professional] .btn-primary{color:#fff!important;background:#0076d6!important;border-color:#0076d6!important}html[data-theme=professional] .pilot-banner{color:#03213b!important;background:#eef6fc!important;border-color:#b9d9f1!important}html[data-theme=professional] .diagram-wrap,html[data-theme=professional] .beam-setup-canvas,html[data-theme=professional] .truss-canvas-wrap{background:#fff!important}html[data-theme=professional] .brand-name,html[data-theme=professional] h1,html[data-theme=professional] h2,html[data-theme=professional] h3,html[data-theme=professional] label,html[data-theme=professional] strong{color:#111827}html[data-theme=professional] p,html[data-theme=professional] small,html[data-theme=professional] .brand-sub,html[data-theme=professional] .diagram-subtitle,html[data-theme=professional] .diagram-note{color:#526170}html[data-theme=professional] .theme-swatch{border-color:#526170}html[data-theme=professional] :focus-visible{outline-color:#1261a6}html[data-theme] body,html[data-theme] .app,html[data-theme] .truss-app{background-color:var(--bg)!important;color:var(--text)!important}html[data-theme] .app-header{background:color-mix(in srgb, var(--bg) 94%, transparent)!important;border-color:var(--border)!important}html[data-theme] .card,html[data-theme] .truss-panel,html[data-theme] .beam-setup-panel .beam-setup-controls .card,html[data-theme] .beam-setup-panel .beam-setup-canvas,html[data-theme] .panel-section,html[data-theme] .diagram-wrap{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme] .form-group input,html[data-theme] .form-group select,html[data-theme] .support-card,html[data-theme] .load-form input,html[data-theme] .load-form select,html[data-theme] .truss-edit-table input,html[data-theme] .truss-edit-table select{background:var(--surface2)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme] .brand-name,html[data-theme] h1,html[data-theme] h2,html[data-theme] h3,html[data-theme] .card-title,html[data-theme] label{color:var(--text)}html[data-theme] .brand-sub,html[data-theme] .beam-setup-heading p,html[data-theme] .form-group small,html[data-theme] .truss-instruction{color:var(--muted)!important}html[data-theme=contrast] .lab-switcher a.active,html[data-theme=contrast] .global-unit-switch button.active,html[data-theme=contrast] .app .stage-navigation button.current,html[data-theme=contrast] .truss-workflow-nav button.active,html[data-theme=contrast] .analysis-breadcrumbs button.current,html[data-theme=contrast] .segmented-control button.selected,html[data-theme=contrast] .tab-btn.active,html[data-theme=contrast] .header-community-link.active,html[data-theme=contrast] .support-card.selected,html[data-theme=contrast] .load-type.active,html[data-theme=contrast] .direction-picker button.selected,html[data-theme=contrast] .activity-buttons button.selected,html[data-theme=contrast] .truss-template-grid button.selected,html[data-theme=contrast] .btn-primary{color:#000!important;background:#facc15!important;border-color:#facc15!important;box-shadow:inset 0 0 0 1px #facc15!important}html[data-theme=contrast] .app .stage-navigation button.current span,html[data-theme=contrast] .truss-workflow-nav button.active span,html[data-theme=contrast] .analysis-breadcrumbs button.current span{color:#facc15!important;background:#000!important}html[data-theme=contrast] .support-card.selected .sc-label,html[data-theme=contrast] .support-card.selected .sc-desc,html[data-theme=contrast] .load-type.active strong,html[data-theme=contrast] .load-type.active small,html[data-theme=contrast] .direction-picker button.selected,html[data-theme=contrast] .activity-buttons button.selected,html[data-theme=contrast] .truss-template-grid button.selected strong,html[data-theme=contrast] .truss-template-grid button.selected span{color:#000!important}html[data-theme=light] body{background:#fff!important}html[data-theme=light] .app-header{box-shadow:0 8px 24px #0f172a1a;background:#fffffff7!important;border-color:#94a3b8!important}html[data-theme=light] .lab-switcher,html[data-theme=light] .global-unit-switch,html[data-theme=light] .header-community-link,html[data-theme=light] .theme-picker,html[data-theme=light] .share-app-button,html[data-theme=light] .btn-reset,html[data-theme=light] .header-survey-link{color:#0f172a!important;background:#f8fafc!important;border-color:#94a3b8!important}html[data-theme=light] .lab-switcher a,html[data-theme=light] .global-unit-switch button,html[data-theme=light] .survey-link-copy strong,html[data-theme=light] .survey-link-copy small{color:#334155!important}html[data-theme=light] .lab-switcher a.active,html[data-theme=light] .global-unit-switch button.active,html[data-theme=light] .app .stage-navigation button.current,html[data-theme=light] .segmented-control button.selected,html[data-theme=light] .btn-primary{color:#fff!important;background:#1d4ed8!important;border-color:#1d4ed8!important}html[data-theme=light] .pilot-banner{color:#1e3a5f!important;background:linear-gradient(90deg,#dbeafe,#eff6ff,#dbeafe)!important;border-color:#93c5fd!important}html[data-theme=light] .pilot-banner strong{color:#0f172a!important}html[data-theme=light] .pilot-banner-warning{border-color:#94a3b8!important}html[data-theme=light] .pilot-version{color:#1e3a8a!important;background:#bfdbfe!important}html[data-theme=light] .app .stage-navigation,html[data-theme=light] .analysis-toolbar,html[data-theme=light] .truss-workflow-nav{background:#f8fafcf7!important;border-color:#94a3b8!important}html[data-theme=light] .app .stage-navigation button,html[data-theme=light] .analysis-breadcrumbs button,html[data-theme=light] .segmented-control button,html[data-theme=light] .quiet-action{color:#334155!important}html[data-theme=light] .truss-workflow-nav button{color:#0f172a!important;background:#fff!important;border-color:#94a3b8!important}html[data-theme=light] .truss-workflow-nav button span{color:#fff!important;background:#1d4ed8!important}html[data-theme=light] .community-workspace-bar,html[data-theme=light] .results-bar,html[data-theme=light] .analysis-safety-note{color:#334155!important;background:#f8fafc!important;border-color:#94a3b8!important}html[data-theme=light] .truss-panel p,html[data-theme=light] .truss-panel span,html[data-theme=light] .community p,html[data-theme=light] .community small,html[data-theme=light] .diagram-subtitle,html[data-theme=light] .diagram-note,html[data-theme=light] .beam-preview-help{color:#475569!important}html[data-theme=light] .truss-panel strong,html[data-theme=light] .community strong,html[data-theme=light] .diagram-title,html[data-theme=light] .panel-heading,html[data-theme=light] .eq-value{color:#0f172a!important}html[data-theme=light] .theme-picker select{color:#0f172a;background:#eef2f7}html[data-theme=light] .theme-swatch{border-color:#64748b}html[data-theme=light] .lab-switcher a,html[data-theme=light] .global-unit-switch button,html[data-theme=light] .app .stage-navigation button,html[data-theme=light] .truss-workflow-nav button,html[data-theme=light] .analysis-breadcrumbs button,html[data-theme=light] .segmented-control button,html[data-theme=light] .truss-template-grid button{color:#0f172a!important;background:#fff!important;border-color:#94a3b8!important}html[data-theme=light] .lab-switcher a:hover,html[data-theme=light] .global-unit-switch button:hover,html[data-theme=light] .app .stage-navigation button:hover,html[data-theme=light] .truss-workflow-nav button:hover,html[data-theme=light] .analysis-breadcrumbs button:hover,html[data-theme=light] .segmented-control button:hover,html[data-theme=light] .truss-template-grid button:hover{color:#0f172a!important;background:#eff6ff!important;border-color:#2563eb!important}html[data-theme=light] .lab-switcher a.active,html[data-theme=light] .global-unit-switch button.active,html[data-theme=light] .app .stage-navigation button.current,html[data-theme=light] .truss-workflow-nav button.active,html[data-theme=light] .segmented-control button.selected,html[data-theme=light] .truss-template-grid button.selected{box-shadow:inset 0 0 0 1px #2563eb;color:#0f172a!important;background:#dbeafe!important;border-color:#2563eb!important}html[data-theme=light] .app .stage-navigation button span,html[data-theme=light] .truss-workflow-nav button span{color:#0f172a!important;background:#dbeafe!important}html[data-theme=light] .truss-template-grid button strong,html[data-theme=light] .truss-template-grid button span{color:#0f172a!important}html[data-theme=light] .truss-template-grid button span{color:#334155!important}html[data-theme=light] .truss-workflow-nav button.disabled,html[data-theme=light] .app .stage-navigation button[aria-disabled=true]{color:#475569!important;background:#f1f5f9!important;border-color:#cbd5e1!important}html[data-theme=light] .beam-canvas .beam-line{stroke:#1d4ed8!important}html[data-theme=light] .beam-canvas .supports,html[data-theme=light] .beam-canvas .supports .fixed-wall,html[data-theme=light] .beam-canvas .supports .fixed-hatch{fill:#1e293b!important;stroke:#1e293b!important}html[data-theme=light] .beam-canvas .dim-line,html[data-theme=light] .beam-canvas .dim-tick{stroke:#334155!important;stroke-width:3px!important}html[data-theme=light] .beam-canvas .dim-text{fill:#0f172a!important;stroke:#fff!important;stroke-width:3px!important;paint-order:stroke fill!important;font-weight:900!important}html[data-theme=light] .beam-canvas .draw-load.applied{fill:#b91c1c!important;stroke:#b91c1c!important}html[data-theme=light] .beam-canvas .draw-load.applied text{fill:#7f1d1d!important;stroke:#fff!important;stroke-width:4px!important;paint-order:stroke fill!important}html[data-theme=light] .beam-canvas .draw-load.preview{fill:#0369a1!important;stroke:#0369a1!important}html[data-theme=light] .beam-canvas .draw-load.preview text{fill:#075985!important;stroke:#fff!important;stroke-width:4px!important;paint-order:stroke fill!important}html[data-theme=light] .diagram-wrap svg [stroke=\#2e3350]{stroke:#94a3b8!important;stroke-width:1.5px!important}html[data-theme=light] .diagram-wrap svg [stroke=\#64748b]{stroke:#334155!important;stroke-width:2px!important}html[data-theme=light] .diagram-wrap svg [fill=\#64748b]{fill:#1e293b!important}html[data-theme=light] .diagram-wrap svg [fill=\#22d3ee]{fill:#075985!important}html[data-theme=light] .diagram-wrap svg [stroke=\#22d3ee]{stroke:#075985!important}html[data-theme=light] .diagram-wrap svg [fill=\#38bdf8]{fill:#0369a1!important}html[data-theme=light] .diagram-wrap svg [stroke=\#38bdf8]{stroke:#0369a1!important}html[data-theme=light] .diagram-wrap svg [fill=\#34d399]{fill:#047857!important}html[data-theme=light] .diagram-wrap svg [stroke=\#34d399]{stroke:#047857!important}html[data-theme=light] .diagram-wrap svg [fill=\#3b82f6]{fill:#1d4ed8!important}html[data-theme=light] .diagram-wrap svg [stroke=\#3b82f6]{stroke:#1d4ed8!important}html[data-theme=light] .diagram-wrap svg [fill=\#f59e0b]{fill:#a16207!important}html[data-theme=light] .diagram-wrap svg [stroke=\#f59e0b]{stroke:#a16207!important}html[data-theme=light] .diagram-wrap svg [fill=\#a78bfa]{fill:#6d28d9!important}html[data-theme=light] .diagram-wrap svg [stroke=\#a78bfa]{stroke:#6d28d9!important}html[data-theme=light] .diagram-wrap svg text{font-weight:700}html[data-theme=light] .diagram-wrap svg rect[fill=\#1a1d27]{fill:#fff!important;stroke:#334155!important;stroke-width:.8px!important}html[data-theme=light] .diagram-wrap svg .jump-annotation rect{fill:#e0f2fe!important;stroke:#0284c7!important;stroke-opacity:1!important}html[data-theme=light] .diagram-wrap svg .jump-annotation text{fill:#075985!important}html[data-theme=light] .diagram-wrap svg .jump-annotation line{stroke:#94a3b8!important}html[data-theme=light] .diagram-wrap svg .load-dimension rect{fill:#eff6ff!important;stroke:#60a5fa!important;stroke-width:1px!important}html[data-theme=light] .diagram-wrap svg .load-dimension text{fill:#1e3a8a!important;stroke:none!important}html[data-theme=light] .diagram-metric,html[data-theme=light] .results-dashboard,html[data-theme=light] .dashboard-section,html[data-theme=light] .metric-card,html[data-theme=light] .load-form,html[data-theme=light] .applied-loads,html[data-theme=light] .load-type,html[data-theme=light] .activity-buttons button{color:#0f172a!important;background:#f8fafc!important;border-color:#94a3b8!important}html[data-theme=light] .metric-caption,html[data-theme=light] .dashboard-row span,html[data-theme=light] .load-type small,html[data-theme=light] .applied-loads small{color:#475569!important}html[data-theme=light] .results-dashboard .dashboard-section h3,html[data-theme=light] .results-dashboard .dashboard-row strong,html[data-theme=light] .results-dashboard .metric-card strong{color:#10233f!important}html[data-theme=light] .results-dashboard .dashboard-row span,html[data-theme=light] .results-dashboard .metric-card>span,html[data-theme=light] .results-dashboard .metric-card small{color:#52657a!important}html[data-theme=light] .truss-canvas-shell{box-shadow:inset 0 0 0 1px #cbd5e1;background:radial-gradient(circle at 50% 40%,#fff,#eef2f7 82%)!important;border-color:#64748b!important}html[data-theme=light] .truss-member line:not(.member-hit-area){stroke:#475569!important}html[data-theme=light] .truss-member text{fill:#000!important;stroke:#fff!important;stroke-width:7px!important}html[data-theme=light] .truss-member.tension line:not(.member-hit-area){stroke:#1d4ed8!important}html[data-theme=light] .truss-member.compression line:not(.member-hit-area){stroke:#b91c1c!important}html[data-theme=light] .truss-member.zero line:not(.member-hit-area){stroke:#64748b!important}html[data-theme=light] .truss-joint>circle{fill:#fff!important;stroke:#0f172a!important}html[data-theme=light] .truss-joint.selected>circle,html[data-theme=light] .truss-joint.load-source>circle{fill:#fef3c7!important;stroke:#92400e!important}html[data-theme=light] .truss-joint .joint-label{fill:#000!important;stroke:#fff!important;stroke-width:7px!important}html[data-theme=light] .truss-support{fill:#cbd5e1!important;stroke:#334155!important}html[data-theme=light] .truss-support circle{fill:#fff!important;stroke:#334155!important}html[data-theme=light] .truss-load{color:#0369a1!important;fill:#0369a1!important;stroke:#0369a1!important}html[data-theme=light] .truss-load text{paint-order:stroke;fill:#000!important;stroke:#fff!important;stroke-width:6px!important}html[data-theme=light] .truss-reaction{color:#047857!important;fill:#047857!important;stroke:#047857!important}html[data-theme=light] .truss-reaction text{fill:#000!important;stroke:#fff!important}html[data-theme=light] #reaction-arrow path{fill:#047857!important;stroke:#047857!important}html[data-theme=light] .truss-deformed line{stroke:#0369a1!important}html[data-theme=light] .truss-canvas-shell.is-sketching{background-color:#fff!important;background-image:linear-gradient(#2563eb33 2px,#0000 2px),linear-gradient(90deg,#2563eb33 2px,#0000 2px),linear-gradient(#4755691f 1px,#0000 1px),linear-gradient(90deg,#4755691f 1px,#0000 1px)!important}html[data-theme=light] .truss-grid-backdrop{fill:#fff!important}html[data-theme=light] .truss-sketch-grid .truss-grid-minor{stroke:#94a3b8!important}html[data-theme=light] .truss-sketch-grid .truss-grid-major{stroke:#2563eb!important}html[data-theme=light] .truss-sketch-grid text{fill:#000!important;stroke:#fff!important}html[data-theme=light] .truss-legend{color:#1e293b!important;background:#f8fafc!important;border-color:#94a3b8!important}.workspace-preferences{align-items:center;gap:7px;display:inline-flex}.theme-picker,.share-app-button{border:1px solid var(--workstation-line);background:var(--workstation-panel);min-height:52px;color:var(--text);border-radius:12px}.theme-picker{align-items:center;gap:7px;padding:5px 8px 5px 10px;display:inline-flex}.theme-swatch{border:2px solid #ffffffb8;border-radius:50%;flex:0 0 17px;width:17px;height:17px;box-shadow:0 0 0 1px #00000059}.theme-picker-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.theme-picker select{background:var(--surface2);max-width:118px;min-height:38px;color:var(--text);cursor:pointer;border:0;outline:0;padding:7px 24px 7px 8px;font:750 13px Inter,sans-serif}.share-app-button{cursor:pointer;justify-content:center;align-items:center;gap:7px;min-width:88px;padding:9px 13px;font-size:14px;font-weight:750;display:inline-flex}.share-app-button:hover,.theme-picker:focus-within{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--workstation-panel))}.app-header{box-shadow:0 12px 30px #0003;background:#0a0f1af5!important;border-bottom-color:#25334a!important}.header-inner,.truss-header-inner{width:min(1600px,100%);max-width:1600px!important;min-height:var(--workstation-header-height)!important;padding:10px 24px!important}.brand-mark{box-shadow:0 10px 25px #2563eb47;border-radius:11px!important;width:44px!important;height:44px!important;font-size:23px!important}.brand-mark.brand-logo{border:1px solid #ffffffc7;padding:3px;overflow:hidden;box-shadow:0 8px 22px #00000047,0 0 0 2px #3b82f638;background:#fff!important}.brand-mark.brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.brand-name{line-height:1.2;font-size:20px!important}.brand-sub{margin-top:3px!important;font-size:12px!important}.header-actions{gap:8px!important}.lab-switcher{min-height:52px;border:1px solid var(--workstation-line)!important;background:#0d1524!important;border-radius:12px!important;padding:4px!important}.lab-switcher a{justify-content:center;align-items:center;min-width:142px;border-radius:9px!important;min-height:44px!important;padding:9px 20px!important;font-size:17px!important;font-weight:750!important;display:inline-flex!important}.lab-switcher a.active{box-shadow:inset 0 1px #ffffff0f;background:linear-gradient(135deg,#244a7d,#28558e)!important}.global-unit-switch{min-height:52px;background:#0d1524!important;border-radius:12px!important;padding:4px!important}.global-unit-switch button{min-width:62px;border-radius:9px!important;min-height:42px!important;padding:8px 13px!important;font-size:16px!important}.header-survey-link,.header-actions .header-survey-link,.header-community-link,.header-actions .btn-reset,.truss-reset-button{border-radius:12px!important;min-height:52px!important}.header-survey-link,.header-actions .header-survey-link{padding:6px 12px!important}.survey-link-icon,.header-actions .survey-link-icon{width:32px!important;height:32px!important;font-size:14px!important}.survey-link-copy small,.header-actions .survey-link-copy small{font-size:9px!important}.survey-link-copy strong,.header-actions .survey-link-copy strong{font-size:14px!important}.header-community-link{border:1px solid var(--workstation-line);color:#aebbd0;white-space:nowrap;cursor:pointer;background:#0d1524;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:750;display:inline-flex}.header-community-link:hover,.header-community-link.active{color:#dbeafe;background:#3b82f621;border-color:#3b82f6}.header-actions .btn-reset,.truss-reset-button{padding:10px 15px!important;font-size:15px!important}.pilot-banner{gap:11px!important;min-height:40px!important;padding:6px 22px!important;font-size:14px!important}.pilot-live-dot{width:9px!important;height:9px!important}.pilot-version{padding:4px 9px!important;font-size:12px!important}.app .stage-navigation{background:#0d1422a8;border:1px solid #485b7c61;border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(720px,100%);padding:4px;gap:8px!important;margin:4px auto 22px!important;display:grid!important}.app .stage-navigation button{justify-content:center;min-width:0;color:#93a4bd!important;background:0 0!important;border-color:#0000!important;border-radius:11px!important;gap:10px!important;min-height:54px!important;padding:10px 17px!important;font-size:17px!important;font-weight:750!important}.app .stage-navigation button:hover{color:#dbeafe!important;background:#3b82f61a!important}.app .stage-navigation button:focus-visible{color:#dbeafe!important;background:#3b82f61a!important}.app .stage-navigation button.current{box-shadow:0 9px 24px #18498447;color:#fff!important;background:linear-gradient(135deg,#1f4374,#234e84)!important;border-color:#60a5fa8c!important}.app .stage-navigation button[aria-disabled=true]{color:#73839b!important}.app .stage-navigation button span{flex-basis:30px!important;width:30px!important;height:30px!important;font-size:13px!important}.beam-setup-panel{width:min(1500px,100%);margin:0 auto}.beam-setup-heading,.community-workspace-bar,.canvas-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.beam-setup-heading{margin:0 0 18px;padding:0 4px}.beam-setup-heading h1,.community-workspace-bar h1{color:#f8fafc;letter-spacing:-.025em;margin:5px 0 0;font-size:clamp(25px,2.4vw,36px);line-height:1.15}.beam-setup-heading p{color:#91a2ba;max-width:760px;margin:8px 0 0;font-size:15px;line-height:1.55}.workspace-kicker{color:#60a5fa;letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:850}.workspace-status,.canvas-mode{color:#b9ddff;background:#0e324c80;border:1px solid #2f4f70;border-radius:999px;flex:none;align-items:center;gap:8px;padding:8px 11px;font-size:12px;font-weight:750;display:inline-flex}.workspace-status i{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #34d3991c}.beam-setup-workstation{grid-template-columns:minmax(390px,.82fr) minmax(560px,1.35fr);align-items:start;gap:18px;display:grid}.beam-setup-controls{gap:14px;display:grid}.beam-setup-panel .beam-setup-controls .card,.beam-setup-panel .beam-setup-canvas{box-shadow:0 18px 44px #00000029;background:linear-gradient(#171f30fa,#101725fa)!important;border-color:#45597d8f!important;border-radius:16px!important;margin:0!important;padding:22px!important}.beam-setup-canvas{top:calc(var(--workstation-header-height) + 18px);min-height:570px;position:sticky;overflow:hidden}.canvas-heading{align-items:center;margin-bottom:18px}.canvas-heading h2{color:#f8fafc;letter-spacing:-.02em;margin:5px 0 0;font-size:24px}.beam-setup-panel .card-title{letter-spacing:.09em!important;margin-bottom:16px!important;font-size:14px!important}.beam-setup-panel .form-row{gap:14px!important;margin-bottom:16px!important}.beam-setup-panel .beam-geometry-fields{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));align-items:start;width:100%;display:grid;gap:14px!important}.beam-setup-panel .beam-geometry-fields .form-group{align-self:stretch;width:100%;min-width:0}.beam-setup-panel .beam-geometry-fields .form-group>label{text-align:center;justify-content:center;align-items:center;min-height:3em;display:flex}.beam-setup-panel .beam-geometry-fields input{width:100%}.beam-setup-panel .beam-geometry-guidance{text-align:center;gap:5px;width:100%;margin-top:12px;display:grid}.beam-setup-panel .beam-geometry-guidance .geometry-help{max-width:680px;margin-inline-start:auto;margin-inline-end:auto}.beam-setup-panel .beam-geometry-guidance [role=alert]{text-align:center;color:#ff8a78!important}.beam-setup-panel .form-group{gap:8px!important}.beam-setup-panel .form-group>label{font-size:15px!important}.beam-setup-panel .form-group>input,.beam-setup-panel .form-group>select{min-height:50px!important;padding:11px 13px!important;font-size:16px!important}.beam-setup-panel .form-group>small,.beam-setup-panel .support-help,.beam-setup-panel .geometry-help{font-size:13px!important;line-height:1.5!important}.beam-setup-panel .support-grid{gap:10px!important;margin:0!important}.beam-setup-panel .support-card{color:var(--text);text-align:left;border:1px solid #33435f;font-family:inherit;border-radius:12px!important;min-height:90px!important;padding:15px 16px!important}.beam-setup-panel .support-card .sc-label{display:block;margin:0 0 5px!important;font-size:16px!important}.beam-setup-panel .support-card .sc-desc{display:block;font-size:13px!important;line-height:1.42!important}.beam-setup-actions{margin:0!important}.beam-setup-actions .btn-primary{width:100%;min-height:52px!important;font-size:16px!important}.beam-setup-canvas .beam-preview-help{border-top:1px solid #4b5f805c;padding-top:15px;margin-top:18px!important;font-size:14px!important;line-height:1.55!important}.analysis-toolbar{top:calc(var(--workstation-header-height) + 8px)!important;min-height:60px!important}.segmented-control button,.quiet-action{min-height:44px!important;padding:8px 13px!important;font-size:14px!important}.community-workspace{width:min(1320px,100%);margin:0 auto}.community-workspace-bar{border:1px solid var(--workstation-line);background:linear-gradient(135deg,#1f41717a,#111827f5);border-radius:16px;align-items:center;margin-bottom:18px;padding:18px 20px}.truss-header-inner{align-items:center;gap:8px!important;display:flex!important}.truss-header-inner .truss-brand{margin-right:auto}.truss-workflow-nav{grid-template-columns:repeat(5,minmax(135px,1fr));width:100%;max-width:none;top:var(--workstation-header-height)!important;gap:8px!important;padding:10px max(18px,50vw - 450px)!important;display:grid!important}.truss-workflow-nav button{justify-content:center;min-height:52px!important;padding:9px 14px!important;font-size:16px!important}.truss-workflow-nav button span{width:29px;height:29px}@media (max-width:1300px){.brand-sub,.survey-link-copy small,.survey-link-arrow{display:none!important}.lab-switcher a{min-width:116px;padding-inline-start:15px!important;padding-inline-end:15px!important}.header-community-link,.header-actions .btn-reset,.truss-reset-button{padding-inline-start:12px!important;padding-inline-end:12px!important}.theme-picker-label{display:none}.theme-picker select{max-width:96px}.beam-setup-workstation{grid-template-columns:minmax(360px,.9fr) minmax(480px,1.15fr)}}@media (max-width:1180px){:root{--workstation-header-height:126px}.header-inner,.truss-header-inner{flex-wrap:wrap!important}.header-actions{justify-content:center;width:100%}.workspace-preferences{flex:none}.truss-header-inner .lab-switcher{order:3;justify-content:center;width:100%}.beam-setup-workstation{grid-template-columns:1fr}.beam-setup-canvas{min-height:0;position:static}.truss-workflow-nav{grid-template-columns:repeat(5,minmax(125px,1fr));overflow-x:auto;padding-inline-start:14px!important;padding-inline-end:14px!important}}@media (max-width:700px){:root{--workstation-header-height:120px}.header-inner,.truss-header-inner{min-height:0!important;padding:9px 12px!important}.brand-mark{width:36px!important;height:36px!important;font-size:19px!important}.brand-name{font-size:16px!important}.header-actions{grid-template-columns:minmax(0,1fr) auto auto auto auto auto;gap:6px!important;display:grid!important}.lab-switcher{min-height:48px}.lab-switcher a{min-width:0;min-height:40px!important;padding:8px 13px!important;font-size:15px!important}.global-unit-switch,.theme-picker,.share-app-button,.header-survey-link,.header-community-link,.header-actions .btn-reset,.truss-reset-button{min-height:48px!important}.workspace-preferences{gap:6px}.theme-picker{justify-content:center;width:48px;padding:7px}.theme-picker select{opacity:0;width:48px;height:48px;position:absolute}.share-app-button{width:48px;min-width:48px;padding:8px}.share-button-label{display:none}.global-unit-switch button{min-width:42px;min-height:38px!important;padding-inline-start:8px!important;padding-inline-end:8px!important;font-size:14px!important}.survey-link-copy,.header-community-link>span:last-child,.reset-label{display:none!important}.header-community-link,.header-actions .btn-reset,.truss-reset-button{width:48px!important;padding:8px!important}.pilot-banner{gap:8px!important;min-height:46px!important;padding:7px 12px!important;font-size:12px!important}.pilot-banner-warning{display:none}.app-main{padding:14px!important}.app .stage-navigation{gap:4px!important;margin-bottom:15px!important}.app .stage-navigation button{gap:6px!important;min-height:50px!important;padding:8px 7px!important;font-size:14px!important}.app .stage-navigation button span{flex-basis:26px!important;width:26px!important;height:26px!important;font-size:11px!important}.beam-setup-heading,.community-workspace-bar,.canvas-heading{flex-direction:column;align-items:flex-start;gap:12px}.beam-setup-heading h1,.community-workspace-bar h1{font-size:25px}.beam-setup-panel .beam-setup-controls .card,.beam-setup-panel .beam-setup-canvas{border-radius:14px!important;padding:17px!important}.beam-setup-panel .support-grid{grid-template-columns:1fr!important}.beam-setup-panel .support-card{min-height:72px!important}.community-workspace-bar .btn-secondary{width:100%}.truss-header-inner{grid-template-columns:minmax(0,1fr) auto auto auto auto auto;display:grid!important}.truss-header-inner .truss-brand{margin:0}.truss-header-inner .lab-switcher{grid-column:1/-1}.truss-workflow-nav{scroll-snap-type:x mandatory;justify-content:flex-start!important;display:flex!important}.truss-workflow-nav button{scroll-snap-align:start;flex:none;min-height:48px!important;font-size:14px!important}.analysis-toolbar{top:6px!important}.segmented-control button,.quiet-action{min-height:44px!important;font-size:13px!important}}.header-survey-link,.header-actions .header-survey-link,.header-community-link,.share-app-button,.settings-button{min-height:48px!important}.share-app-button{min-width:76px!important;padding:8px 11px!important}.header-community-link{padding:9px 12px!important;font-size:14px!important}.app .stage-navigation{margin-bottom:14px!important}@media (max-width:1300px){.settings-button-label{display:none}.settings-button{width:48px;padding-inline-start:8px;padding-inline-end:8px}}@media (max-width:700px){.header-actions,.truss-header-inner{grid-template-columns:minmax(0,1fr) auto auto auto auto!important}}@media (max-width:480px) and (orientation:portrait){html,body,#root,.app,.truss-app,.app-header,.pilot-banner,.app-main,.truss-main{width:100%!important;max-width:100%!important;margin-inline-start:auto!important;margin-inline-end:auto!important}.header-inner,.truss-header-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:100%!important;margin-inline-start:auto!important;margin-inline-end:auto!important;padding:10px!important;display:grid!important}.header-inner>.brand,.truss-header-inner>.truss-brand{text-align:center;justify-self:center;grid-column:1/-1!important;margin:0!important}.header-actions{grid-column:1/-1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important;display:grid!important}.header-actions .lab-switcher,.truss-header-inner .lab-switcher{order:0!important;grid-area:auto/1/auto/-1!important;width:100%!important;margin:0!important}.header-actions .global-unit-switch,.truss-header-inner .global-unit-switch{order:1!important;grid-column:1/-1!important;width:100%!important}.header-actions .workspace-preferences,.truss-header-inner .workspace-preferences{order:2!important;grid-column:1/-1!important;width:100%!important}.header-survey-link,.truss-feedback-link{order:3!important}.header-community-link{order:4!important}.lab-switcher,.global-unit-switch,.workspace-preferences{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important;display:grid!important}.lab-switcher a,.global-unit-switch button,.workspace-preferences>*,.share-app-button,.settings-button,.header-survey-link,.header-community-link{justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important}.share-button-label,.settings-button-label,.survey-link-copy,.survey-link-copy strong,.header-community-link>span:last-child{display:inline!important}.survey-link-copy small,.survey-link-arrow{display:none!important}.app-main,.truss-main,.beam-setup-panel,.beam-setup-workstation,.beam-setup-controls,.beam-setup-canvas,.card,.form-row,.form-group,.truss-panel,.load-lab,.analysis-workspace{min-width:0!important;max-width:100%!important}.form-row,.form-group,.form-group input,.form-group select,.load-form input,.load-form select{width:100%!important}.beam-setup-heading,.canvas-heading,.truss-hero,.truss-section-heading{text-align:center!important}.beam-setup-heading>div,.canvas-heading>div,.truss-hero>div,.truss-section-heading>div{width:100%}.app .stage-navigation,.truss-workflow-nav{margin-inline-start:auto!important;margin-inline-end:auto!important}}@media (orientation:landscape) and (max-height:520px) and (max-width:1100px){html,body,#root,.app,.truss-app,.app-header,.pilot-banner,.app-main,.truss-main{width:100%!important;max-width:100%!important;margin-inline-start:auto!important;margin-inline-end:auto!important;overflow-x:hidden!important}.header-inner{grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;min-height:0!important;margin-inline-start:auto!important;margin-inline-end:auto!important;padding:7px 10px!important;display:grid!important}.header-inner>.brand{min-width:170px;margin:0!important}.header-actions{align-items:center;grid-template-columns:minmax(170px,1.5fr) minmax(126px,1fr) auto auto auto!important;justify-content:stretch!important;gap:6px!important;width:100%!important;min-width:0!important;display:grid!important}.truss-header-inner{grid-template-columns:minmax(170px,auto) minmax(170px,1.5fr) minmax(126px,1fr) auto auto auto!important;align-items:center!important;gap:6px!important;width:100%!important;max-width:100%!important;min-height:0!important;margin-inline-start:auto!important;margin-inline-end:auto!important;padding:7px 10px!important;display:grid!important}.header-actions .lab-switcher,.truss-header-inner .lab-switcher{order:0!important;grid-area:auto!important;width:100%!important;min-width:0!important;margin:0!important}.lab-switcher,.global-unit-switch{grid-template-columns:repeat(2,minmax(0,1fr));min-height:44px!important;display:grid!important}.lab-switcher a,.global-unit-switch button{justify-content:center;min-width:0!important;min-height:36px!important;padding:6px 8px!important;font-size:13px!important}.workspace-preferences{grid-template-columns:repeat(2,44px)!important;gap:5px!important;display:grid!important}.share-app-button,.settings-button,.header-survey-link,.header-community-link{justify-content:center;width:44px!important;min-width:44px!important;min-height:44px!important;padding:6px!important}.share-button-label,.settings-button-label,.survey-link-copy,.survey-link-arrow,.header-community-link>span:last-child,.brand-sub{display:none!important}.brand-name{font-size:16px!important}.brand-mark{width:36px!important;height:36px!important;font-size:18px!important}.pilot-banner{text-align:center;justify-content:center!important}.app-main,.truss-main{padding-inline-start:10px!important;padding-inline-end:10px!important}.app .stage-navigation,.truss-workflow-nav{width:min(100%,920px)!important;margin-inline-start:auto!important;margin-inline-end:auto!important}}.load-footer-actions{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.load-footer-actions>*{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}.load-navigation-actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;display:grid!important}.load-navigation-actions>button{box-sizing:border-box!important;white-space:normal!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}@media (max-width:1180px){.app .load-footer-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;display:grid!important}.app .load-footer-actions .analysis-safety-note{grid-column:1/-1!important;width:100%!important}.app .load-footer-actions .load-navigation-actions{grid-column:1/-1!important}.app .load-footer-actions .btn-primary,.app .load-footer-actions .btn-secondary,.app .load-footer-actions .analyze-button{white-space:normal!important;width:100%!important;min-width:0!important;margin:0!important;padding-inline-start:8px!important;padding-inline-end:8px!important}}@media (max-width:560px){.app .load-footer-actions{grid-template-columns:1fr!important}.app .load-footer-actions .analysis-safety-note{grid-column:1!important}}@media (orientation:landscape) and (max-height:520px) and (max-width:1100px){.app .load-footer-actions{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;padding:0!important;display:block!important}.app .load-footer-actions .analysis-safety-note{width:100%!important;margin-bottom:72px!important}.app .load-navigation-actions{z-index:5000!important;right:max(10px, env(safe-area-inset-right))!important;bottom:max(8px, env(safe-area-inset-bottom))!important;left:max(10px, env(safe-area-inset-left))!important;border:1px solid var(--workstation-line)!important;background:#091223f7!important;border-radius:12px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:auto!important;max-width:none!important;padding:8px!important;position:fixed!important;box-shadow:0 12px 35px #00000080!important}.app .load-navigation-actions>button{min-height:46px!important;padding:7px 8px!important;font-size:13px!important}}.truss-result-table .state-pill{letter-spacing:.035em;text-align:center;min-width:88px;padding:7px 11px;line-height:1.2;color:#fff!important;font-family:var(--lab-font)!important;font-size:12px!important;font-weight:850!important}.truss-result-table .state-pill.tension{background:#1d4ed8!important}.truss-result-table .state-pill.compression,.truss-result-table .state-pill.review{background:#b91c1c!important}.truss-result-table .state-pill.zero{background:#475569!important}.truss-result-table .state-pill.balanced{background:#047857!important}html[data-theme=contrast] .truss-result-table .state-pill{border:2px solid #fff}@media (max-width:700px) and (orientation:portrait){html,body,#root,.app,.truss-app{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.app>.stage-navigation,.truss-workflow-nav{box-sizing:border-box!important;gap:6px!important;max-width:100%!important;padding:7px 8px!important;left:0!important;overflow-x:clip!important;transform:none!important}.app>.stage-navigation{grid-template-columns:repeat(3,minmax(0,1fr))!important}.truss-workflow-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.truss-workflow-nav button:last-child{justify-self:center;grid-column:1/-1!important;width:calc(50% - 3px)!important}.app>.stage-navigation button,.truss-workflow-nav button{text-overflow:ellipsis;overflow:hidden;white-space:nowrap!important;gap:6px!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:48px!important;padding:7px 4px!important;font-size:clamp(11px,3.4vw,14px)!important;line-height:1.15!important}.app>.stage-navigation button span,.truss-workflow-nav button span{flex-basis:24px!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;font-size:10px!important}}@media (max-width:360px) and (orientation:portrait){.app>.stage-navigation{gap:3px!important;padding-inline-start:4px!important;padding-inline-end:4px!important}.app>.stage-navigation button{gap:3px!important;padding-inline-start:2px!important;padding-inline-end:2px!important;font-size:11px!important}.app>.stage-navigation button span{flex-basis:20px!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;font-size:9px!important}}.app .stage-navigation button span{aspect-ratio:1;border-radius:50%!important;flex:0 0 30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important}.truss-workflow-nav button span{aspect-ratio:1;border-radius:50%!important;flex:0 0 29px!important;width:29px!important;min-width:29px!important;max-width:29px!important;height:29px!important}@media (max-width:700px){.app .stage-navigation button span{flex-basis:26px!important;width:26px!important;min-width:26px!important;max-width:26px!important;height:26px!important}}@media (orientation:landscape) and (min-width:640px) and (max-width:1180px){.beam-setup-workstation{align-items:start;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr)!important;gap:12px!important}.beam-setup-workstation>*,.beam-setup-controls,.beam-setup-controls .card,.beam-setup-canvas,.beam-setup-panel .form-row,.beam-setup-panel .form-group,.beam-setup-panel .support-grid,.beam-setup-panel .support-card{max-width:100%;min-width:0!important}.beam-setup-panel .form-group>input,.beam-setup-panel .form-group>select{width:100%!important;max-width:100%!important}.beam-setup-controls{gap:9px!important}.app .beam-setup-panel .beam-setup-controls .card,.app .beam-setup-panel .beam-setup-canvas{border-radius:13px!important;padding:14px!important}.app .beam-setup-panel .card-title{margin-bottom:9px!important;font-size:12px!important}.app .beam-setup-panel .form-row{gap:9px!important;margin-bottom:8px!important}.app .beam-setup-panel .form-group{gap:5px!important}.app .beam-setup-panel .form-group>label{font-size:13px!important;line-height:1.3!important}.app .beam-setup-panel .form-group>input,.app .beam-setup-panel .form-group>select{min-height:42px!important;padding:8px 10px!important;font-size:14px!important}.app .beam-setup-panel .form-group>small,.app .beam-setup-panel .support-help,.app .beam-setup-panel .geometry-help{margin-top:1px!important;font-size:11px!important;line-height:1.35!important}.app .beam-setup-panel .support-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.app .beam-setup-panel .support-card{min-height:66px!important;padding:9px 10px!important}.app .beam-setup-panel .support-card .sc-label{margin-bottom:3px!important;font-size:13px!important;line-height:1.25!important}.app .beam-setup-panel .support-card .sc-desc{font-size:11px!important;line-height:1.3!important}.beam-setup-canvas{top:calc(var(--workstation-header-height) + 8px)!important;min-height:0!important;position:sticky!important}.beam-setup-canvas .canvas-heading{margin-bottom:4px!important}.beam-setup-canvas .canvas-heading h2{font-size:20px!important}.beam-setup-canvas .beam-canvas{width:100%;height:auto;display:block}.app .beam-setup-panel .beam-preview-help{margin-top:5px!important;padding-top:8px!important;font-size:12px!important;line-height:1.35!important}.beam-setup-actions .btn-primary{min-height:44px!important;font-size:14px!important}}@media (orientation:landscape) and (min-width:640px) and (max-width:760px){.app .beam-setup-panel .support-card .sc-desc,.app .beam-setup-panel .support-help{display:none}.app .beam-setup-panel .support-card{min-height:46px!important}}@media (orientation:landscape) and (min-width:640px) and (max-width:1180px) and (max-height:520px){.beam-setup-heading{margin-bottom:10px!important}.beam-setup-heading p,.beam-setup-canvas .beam-preview-help{display:none}}[data-tooltip]:hover:after{opacity:1!important;transform:translate(-50%)!important}[data-tooltip]:focus-visible:after{opacity:1!important;transform:translate(-50%)!important}.header-survey-link[data-tooltip]:after,.header-community-link[data-tooltip]:after,.settings-button[data-tooltip]:after,.share-app-button[data-tooltip]:after{left:auto;right:0;transform:translateY(-4px)!important}.header-survey-link[data-tooltip]:hover:after,.header-community-link[data-tooltip]:hover:after,.settings-button[data-tooltip]:hover:after,.share-app-button[data-tooltip]:hover:after{transform:translateY(0)!important}.settings-button[data-tooltip]:focus-visible:after{transform:translateY(0)!important}.share-app-button[data-tooltip]:focus-visible:after{transform:translateY(0)!important}.settings-button.active:after{display:none}@media (orientation:landscape) and (max-height:520px) and (max-width:1100px){.settings-control{position:static}.settings-popover{grid-template-columns:1fr;display:grid;overflow:hidden auto;transform:translate(-50%);z-index:3000!important;width:min(620px,100vw - 20px)!important;max-height:calc(100dvh - 68px)!important;margin:0!important;padding:12px!important;position:fixed!important;top:58px!important;left:50%!important;right:auto!important}.settings-heading{margin-bottom:8px;padding-bottom:8px}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.theme-options button{min-width:0;min-height:44px;padding:8px 9px}.settings-reset-button{min-height:42px;margin-top:9px}.settings-popover [data-tooltip]:after{display:none}}@media (max-width:480px) and (orientation:portrait){.header-survey-link[data-tooltip]:after,.header-community-link[data-tooltip]:after,.settings-button[data-tooltip]:after,.share-app-button[data-tooltip]:after{left:auto;right:50%;transform:translate(50%,-4px)!important}.header-survey-link[data-tooltip]:hover:after,.header-community-link[data-tooltip]:hover:after,.settings-button[data-tooltip]:hover:after,.share-app-button[data-tooltip]:hover:after{transform:translate(50%)!important}.settings-button[data-tooltip]:focus-visible:after{transform:translate(50%)!important}.share-app-button[data-tooltip]:focus-visible:after{transform:translate(50%)!important}}@media (orientation:landscape) and (max-height:520px) and (max-width:1100px){.header-actions{grid-template-columns:minmax(154px,1.35fr) minmax(140px,.9fr) auto 44px 44px!important}.truss-header-inner{grid-template-columns:minmax(160px,auto) minmax(154px,1.35fr) minmax(140px,.9fr) auto 44px 44px!important}.workspace-preferences{grid-template-columns:44px 104px!important;width:153px!important;min-width:153px!important}.settings-control,.settings-button{width:104px!important;min-width:104px!important}.settings-button{gap:6px;padding-inline-start:9px!important;padding-inline-end:9px!important}.settings-button-label{color:inherit;font-size:12px;font-weight:800;display:inline!important}.share-app-button,.header-survey-link,.header-community-link{width:44px!important;min-width:44px!important}.header-inner>.brand{min-width:160px}.brand-name{font-size:15px!important}.app-header,.header-inner,.truss-header-inner,.header-actions,.workspace-preferences,.settings-control{overflow:visible!important}.app-header{-webkit-backdrop-filter:none!important}.settings-popover{z-index:10000!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:62px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}}@media (orientation:landscape) and (max-height:520px) and (max-width:700px){.header-inner,.truss-header-inner{grid-template-columns:minmax(0,1fr)!important;gap:5px!important;padding:5px 8px!important}.header-inner>.brand,.truss-header-inner>.truss-brand{justify-self:center;grid-column:1/-1!important;min-width:0!important}.header-actions{grid-column:1/-1!important;grid-template-columns:minmax(138px,1.25fr) minmax(138px,1fr) 93px 44px 44px!important;gap:4px!important}.truss-header-inner{grid-template-columns:minmax(138px,1.25fr) minmax(138px,1fr) 93px 44px 44px!important}.truss-header-inner>.truss-brand{grid-area:1/1/auto/-1!important}.truss-header-inner>.lab-switcher,.truss-header-inner>.global-unit-switch,.truss-header-inner>.workspace-preferences,.truss-header-inner>.truss-feedback-link,.truss-header-inner>.header-community-link{grid-row:2!important}.workspace-preferences{grid-template-columns:repeat(2,44px)!important;width:93px!important;min-width:93px!important}.settings-control,.settings-button{width:44px!important;min-width:44px!important}.settings-button-label{display:none!important}.global-unit-switch button{white-space:nowrap;overflow:hidden;min-width:0!important;padding-inline-start:4px!important;padding-inline-end:4px!important;font-size:12px!important}.header-survey-link,.header-community-link,.truss-feedback-link{width:44px!important;min-width:44px!important}}.analysis-workspace .analysis-layout{grid-template-columns:minmax(0,1fr) clamp(350px,22vw,410px)}.analysis-workspace .toolbar-label,.analysis-workspace .eyebrow,.analysis-workspace .live-indicator{font-size:clamp(11px,.72vw,13px)!important}.analysis-workspace .segmented-control button,.analysis-workspace .quiet-action{min-height:42px!important;padding:8px 13px!important;font-size:clamp(13px,.9vw,15px)!important}.analysis-workspace .dashboard-heading h2{font-size:clamp(25px,2vw,32px)!important;line-height:1.12!important}.analysis-workspace .dashboard-section{padding:17px 18px}.analysis-workspace .dashboard-section h3{margin-bottom:10px;font-size:clamp(11px,.76vw,13px)}.analysis-workspace .dashboard-row{min-height:38px}.analysis-workspace .dashboard-row span,.analysis-workspace .dashboard-row strong{line-height:1.4;font-size:clamp(13px,.9vw,15px)!important}.analysis-workspace .metric-card{padding:16px}.analysis-workspace .metric-card>span,.analysis-workspace .metric-card small{font-size:clamp(11px,.76vw,13px);line-height:1.45}.analysis-workspace .metric-card strong{margin-block-start:7px;margin-block-end:4px;font-size:clamp(15px,1.05vw,18px)}.analysis-workspace .dashboard-input,.analysis-workspace .dashboard-input label,.analysis-workspace .dashboard-note{line-height:1.5;font-size:clamp(12px,.82vw,14px)!important}.analysis-workspace .dashboard-input input{min-height:42px;font-size:14px!important}.analysis-workspace .diagram-title{font-size:clamp(18px,1.4vw,23px)!important}.analysis-workspace .diagram-subtitle,.analysis-workspace .diagram-note,.analysis-workspace .metric-caption{line-height:1.55;font-size:clamp(13px,.9vw,15px)!important}.analysis-workspace .diagram-metric strong{font-size:clamp(15px,1vw,18px)!important}.analysis-workspace .statics-path article p,.analysis-workspace .activity-brief p,.analysis-workspace .fbd-heading p,.analysis-workspace .statics-section-heading p,.analysis-workspace .prediction-grid small{line-height:1.55;font-size:clamp(13px,.9vw,15px)!important}.analysis-workspace .statics-step-label,.analysis-workspace .activity-brief strong,.analysis-workspace .resultant-table th,.analysis-workspace .equilibrium-equations article span{font-size:clamp(12px,.82vw,14px)!important}.analysis-workspace .statics-signs span,.analysis-workspace .resultant-table td,.analysis-workspace .prediction-grid label>span{line-height:1.5;font-size:clamp(14px,.95vw,16px)!important}.analysis-workspace .equilibrium-equations article code,.analysis-workspace .resultant-table code,.analysis-workspace .solution-detail code{font-size:clamp(14px,1vw,17px)!important;line-height:1.65!important}@media (max-width:1200px){.analysis-workspace .analysis-layout{grid-template-columns:1fr}.analysis-workspace .results-dashboard{font-size:15px}}@media (max-width:640px){.analysis-workspace .dashboard-heading h2{font-size:25px!important}.analysis-workspace .dashboard-row span,.analysis-workspace .dashboard-row strong,.analysis-workspace .statics-path article p,.analysis-workspace .diagram-subtitle,.analysis-workspace .diagram-note{font-size:14px!important}}@media (orientation:portrait) and (max-width:900px){.truss-workflow-nav{z-index:auto!important;margin:0!important;position:static!important;top:auto!important}}:root{--lab-font:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lab-page-title:clamp(30px, 3vw, 44px);--lab-page-description:clamp(15px, 1.2vw, 18px);--lab-section-title:clamp(24px, 2.2vw, 32px);--lab-subsection-title:clamp(19px, 1.6vw, 24px);--lab-label-title:14px}.beam-setup-heading h1,.truss-hero h1,.community-workspace-bar h1{text-wrap:balance;font-family:var(--lab-font)!important;font-size:var(--lab-page-title)!important;letter-spacing:-.025em!important;margin:8px 0 0!important;font-weight:700!important;line-height:1.12!important}.beam-setup-heading p,.truss-hero p{max-width:820px;font-family:var(--lab-font)!important;font-size:var(--lab-page-description)!important;margin:10px 0 0!important;line-height:1.55!important}.workspace-kicker,.truss-section-heading>div>span,.control-kicker,.eyebrow{font-family:var(--lab-font)!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-size:12px!important;font-weight:800!important;line-height:1.35!important}.truss-section-heading h2,.load-lab-header h2,.dashboard-heading h2{font-family:var(--lab-font)!important;font-size:var(--lab-section-title)!important;letter-spacing:-.02em!important;font-weight:700!important;line-height:1.18!important}.canvas-heading h2,.truss-template-preview-heading h3,.truss-editor-grid h3,.truss-results h3,.custom-builder-heading h3{font-family:var(--lab-font)!important;font-size:var(--lab-subsection-title)!important;letter-spacing:-.015em!important;font-weight:700!important;line-height:1.25!important}.beam-setup-panel .card-title{font-family:var(--lab-font)!important;font-size:var(--lab-label-title)!important;letter-spacing:.09em!important;font-weight:800!important;line-height:1.35!important}.truss-hero{align-items:flex-start!important;padding-block-start:30px!important;padding-block-end:26px!important}@media (max-width:680px){:root{--lab-page-title:clamp(28px, 8vw, 34px);--lab-page-description:15px;--lab-section-title:clamp(23px, 6.5vw, 29px);--lab-subsection-title:20px;--lab-label-title:13px}.beam-setup-heading h1,.truss-hero h1{text-align:center!important}.beam-setup-heading p,.truss-hero p{text-align:center!important;margin-inline-start:auto!important;margin-inline-end:auto!important}}@media (orientation:landscape) and (max-height:520px) and (max-width:700px){.truss-workflow-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;width:100%!important;padding:5px 6px!important;display:grid!important;overflow:hidden!important}.truss-workflow-nav button,.truss-workflow-nav button:last-child{text-overflow:ellipsis;overflow:hidden;white-space:nowrap!important;grid-column:auto!important;gap:4px!important;width:100%!important;min-width:0!important;min-height:44px!important;padding:5px 3px!important;font-size:11px!important;line-height:1.15!important}.truss-workflow-nav button span{flex-basis:22px!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;font-size:10px!important}}.app>.stage-navigation,.truss-workflow-nav{z-index:20;border:0!important;border-bottom:1px solid var(--workstation-line)!important;background:#091223!important;border-radius:0!important;gap:8px!important;width:100%!important;max-width:none!important;margin:0!important;padding-block-start:10px!important;padding-block-end:10px!important;display:grid!important;position:relative!important;top:auto!important}.app>.stage-navigation button,.truss-workflow-nav button{min-width:0!important;min-height:54px!important;font-family:var(--lab-font)!important;border-radius:12px!important;justify-content:center!important;gap:10px!important;padding:10px 14px!important;font-size:16px!important;font-weight:750!important}.app>.stage-navigation{grid-template-columns:repeat(3,minmax(135px,1fr))!important;padding-inline-start:max(18px,50vw - 430px)!important;padding-inline-end:max(18px,50vw - 430px)!important}.truss-workflow-nav{grid-template-columns:repeat(5,minmax(135px,1fr))!important;padding-inline-start:max(18px,50vw - 530px)!important;padding-inline-end:max(18px,50vw - 530px)!important}.app-main,.truss-main{width:min(1540px,100%)!important;margin-inline-start:auto!important;margin-inline-end:auto!important;padding:0 28px 70px!important}.beam-setup-heading,.truss-hero{text-align:center!important;width:100%!important;margin:0!important;padding:30px 10px 26px!important;display:block!important}.beam-setup-heading>div,.truss-hero>div:first-child{width:min(980px,100%)!important;max-width:980px!important;margin-inline-start:auto!important;margin-inline-end:auto!important}.beam-setup-heading h1,.truss-hero h1,.beam-setup-heading p,.truss-hero p{text-align:center!important;margin-inline-start:auto!important;margin-inline-end:auto!important}@media (orientation:portrait) and (max-width:900px){html,body,#root,.app,.truss-app{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.app>.stage-navigation,.truss-workflow-nav{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-inline-start:0!important;margin-inline-end:0!important;position:relative!important;left:0!important;right:0!important;overflow:hidden!important;transform:none!important}.app>.stage-navigation{grid-template-columns:repeat(3,minmax(0,1fr))!important}.truss-workflow-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}.app>.stage-navigation button,.truss-workflow-nav button{overflow-wrap:anywhere;text-align:center;text-overflow:clip;overflow:hidden;box-sizing:border-box!important;white-space:normal!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important}}@media (max-width:700px){.app-main,.truss-main{padding:0 12px 50px!important}.beam-setup-canvas,.analysis-toolbar .segmented-control{display:none!important}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.load-lab,.load-lab>*,.live-load-preview,.guided-activities,.statics-lab,.statics-lab>*,.fbd-card,.resultant-card,.prediction-card,.equilibrium-worked,.analysis-workspace,.analysis-layout,.visual-workspace,.visual-workspace>*,.results-dashboard,.analysis-workspace .diagram-wrap{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-inline-start:0!important;margin-inline-end:0!important}.live-load-preview{overflow:hidden!important}.live-load-preview svg,.analysis-workspace .diagram-wrap svg{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;display:block!important;overflow:hidden!important}.live-load-preview header,.guided-activities-heading,.fbd-heading,.statics-section-heading,.analysis-workspace .diagram-heading{text-align:center;flex-direction:column!important;align-items:stretch!important;width:100%!important;min-width:0!important;max-width:100%!important}.live-load-preview h3,.guided-activities-heading h3,.fbd-heading h3,.statics-section-heading h3,.analysis-workspace .diagram-title{overflow-wrap:anywhere;text-align:center!important;max-width:100%!important}.activity-buttons,.activity-brief,.prediction-grid,.equilibrium-equations,.analysis-workspace .analysis-layout,.analysis-workspace .results-dashboard{grid-template-columns:minmax(0,1fr)!important}.resultant-table-wrap,.truss-table-scroll{overscroll-behavior-inline:contain;width:100%!important;max-width:100%!important;overflow-x:auto!important}.statics-signs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid!important}.statics-signs span{overflow-wrap:anywhere;text-align:center;min-width:0}.analysis-toolbar,.toolbar-row,.toolbar-actions,.segmented-control{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.segmented-control,.toolbar-actions{flex-wrap:wrap!important;overflow-x:hidden!important}.context-feedback-button{min-width:0!important;padding:7px!important;bottom:8px!important;right:8px!important}.context-feedback-button>span:last-child{display:none!important}.beam-setup-heading,.truss-hero{padding:24px 4px 22px!important}.app>.stage-navigation,.truss-workflow-nav{box-sizing:border-box!important;max-width:100%!important;padding:7px 8px!important;left:0!important;overflow-x:hidden!important;transform:none!important}.app>.stage-navigation{grid-template-columns:repeat(3,minmax(0,1fr))!important}.truss-workflow-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.truss-workflow-nav button:last-child{justify-self:center;grid-column:1/-1!important;width:calc(50% - 3px)!important}.app>.stage-navigation button,.truss-workflow-nav button{overflow-wrap:anywhere;text-overflow:clip;overflow:hidden;white-space:normal!important;gap:5px!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:48px!important;padding:7px 3px!important;font-size:clamp(11px,3.4vw,14px)!important;line-height:1.15!important}.app>.stage-navigation button span,.truss-workflow-nav button span{flex-basis:23px!important;width:23px!important;min-width:23px!important;max-width:23px!important;height:23px!important;font-size:10px!important}}@media (orientation:landscape) and (max-height:520px) and (max-width:1100px){.app>.stage-navigation{grid-template-columns:repeat(3,minmax(0,1fr))!important}.truss-workflow-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}.app>.stage-navigation,.truss-workflow-nav{gap:4px!important;padding:5px 6px!important;overflow:hidden!important}.app>.stage-navigation button,.truss-workflow-nav button{text-overflow:ellipsis;overflow:hidden;white-space:nowrap!important;gap:4px!important;min-height:44px!important;padding:5px 3px!important;font-size:11px!important;line-height:1.15!important}}@media (min-width:701px) and (max-width:1180px) and (min-height:521px){.header-inner>.header-actions{display:contents!important}.header-inner .lab-switcher,.truss-header-inner .lab-switcher{order:3;justify-content:center;width:100%}}.app-header{z-index:1200;position:sticky;top:0;background:#fff!important;border-bottom:3px solid #082a49!important;box-shadow:0 1px 8px #082a4914!important}.header-inner,.truss-header-inner{flex-wrap:nowrap!important;align-items:center!important;gap:34px!important;width:min(1480px,100% - 40px)!important;min-height:88px!important;margin:0 auto!important;padding:0!important;display:flex!important}.calcs-brand{flex:none;color:#0076d6!important;text-decoration:none!important}.calcs-brand .brand-mark.brand-logo{width:48px!important;height:48px!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.calcs-brand .brand-name{color:#0076d6!important;letter-spacing:-.02em!important;font-size:25px!important;font-weight:600!important}.calcs-brand .brand-sub{display:none!important}.header-actions{flex:auto!important;align-items:center!important;gap:14px!important;min-width:0!important;display:flex!important}.calcs-primary-nav{flex:auto!important;order:initial!important;background:0 0!important;border:0!important;border-radius:0!important;justify-content:flex-start!important;align-items:center!important;gap:4px!important;width:auto!important;padding:0!important;display:flex!important}.calcs-primary-nav a,.calcs-primary-nav button{cursor:pointer;white-space:nowrap;color:#68717b!important;background:0 0!important;border:0!important;border-radius:8px!important;min-height:44px!important;padding:10px 17px!important;font:500 16px/1.2 Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif!important;text-decoration:none!important}.calcs-primary-nav a:hover,.calcs-primary-nav button:hover,.calcs-primary-nav a.active,.calcs-primary-nav button.active{color:#0076d6!important;background:#eef6fc!important}.app-header .global-unit-switch{background:#f5f7f9!important;border-color:#d9dee3!important;flex:none!important}.app-header .workspace-preferences{flex:none!important}.app-header .share-app-button,.app-header .settings-button{border-radius:8px!important;min-height:46px!important;padding:10px 17px!important;font-size:15px!important}.app-header .settings-button{color:#17202a!important;background:#fff!important;border:1px solid #d6dbe0!important}.app-header .share-app-button{color:#fff!important;background:#0076d6!important;border:1px solid #0076d6!important;box-shadow:0 3px 8px #087bc933!important}html[data-theme=professional] .beam-setup-heading,html[data-theme=professional] .truss-hero{border:1px solid #173f60;border-radius:12px;box-shadow:0 18px 42px #03213b24;background:#03213b!important;margin-block-start:18px!important;margin-block-end:24px!important;padding:clamp(28px,4vw,48px) clamp(22px,5vw,72px)!important}html[data-theme=professional] .beam-setup-heading h1,html[data-theme=professional] .truss-hero h1{color:#fff!important}html[data-theme=professional] .beam-setup-heading p,html[data-theme=professional] .truss-hero p{color:#b8c7d5!important}html[data-theme=professional] .beam-setup-heading .workspace-kicker,html[data-theme=professional] .truss-hero .workspace-kicker{color:#55b8ff!important}@media (max-width:1050px){.header-inner,.truss-header-inner{gap:14px!important;width:min(100% - 28px,1480px)!important;min-height:72px!important}.calcs-primary-nav a,.calcs-primary-nav button{padding-inline-start:10px!important;padding-inline-end:10px!important;font-size:14px!important}.app-header .global-unit-switch,.app-header .share-button-label,.app-header .settings-button-label{display:none!important}}@media (min-width:1001px){.app .analysis-workspace .analysis-layout{grid-template-columns:minmax(0,1fr) clamp(330px,27vw,410px)!important;align-items:start!important;gap:clamp(16px,2vw,26px)!important;display:grid!important}.app .analysis-workspace .visual-workspace{grid-column:1!important;min-width:0!important}.app .analysis-workspace .results-dashboard{max-height:calc(100vh - var(--workstation-header-height) - 32px);overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto;top:calc(var(--workstation-header-height) + 18px)!important;grid-column:2!important;width:100%!important;min-width:0!important;position:sticky!important}}@media (max-width:1000px){.app .analysis-workspace .analysis-layout{grid-template-columns:minmax(0,1fr)!important}.app .analysis-workspace .results-dashboard{grid-column:1!important;width:100%!important;max-height:none!important;position:static!important;overflow:visible!important}}.truss-app .truss-workflow-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}.learning-cycle{background:linear-gradient(135deg,#fff 0%,#f1f8ff 100%);border:1px solid #c8d8e8;border-radius:18px;max-width:1380px;margin:0 auto 24px;padding:24px;box-shadow:0 12px 30px #0a375b14}.learning-cycle-heading span,.learning-completion>div:first-child>span{color:#087dcc;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:850}.learning-cycle-heading h2{color:#082b46;margin:5px 0 18px;font-size:clamp(22px,2.2vw,32px)}.learning-cycle-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.learning-cycle-grid article{background:#fff;border:1px solid #d4e1ed;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:13px 12px;display:flex}.learning-cycle-grid article>span,.learning-gate div>span{color:#087dcc;background:#e4f3ff;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-weight:850;display:grid}.learning-cycle-grid article div{gap:2px;min-width:0;display:grid}.learning-cycle-grid article strong{color:#102a43;font-size:14px}.learning-cycle-grid article small{color:#60758b;font-size:11px;line-height:1.3}.learning-gate{background:#f3f9fe;border:1px solid #bdd7ed;border-radius:14px;grid-template-columns:max-content max-content 1fr;align-items:center;gap:16px;margin-top:18px;padding:16px 18px;display:grid}.learning-gate div{color:#183b56;align-items:center;gap:8px;display:flex}.learning-gate div>span.done{color:#08784c;background:#d8f5e7}.learning-gate p{color:#52677f;text-align:right;margin:0}.learning-completion{background:linear-gradient(120deg,#f4fffa,#eef8ff);border:1px solid #9fd4c0;border-left:6px solid #13a36f;border-radius:14px;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:24px;margin:0 0 18px;padding:20px 22px;display:grid}.learning-completion strong{color:#082b46;margin:4px 0;font-size:21px;display:block}.learning-completion p{color:#49637a;margin:0;line-height:1.5}.completion-checks{align-content:center;gap:7px;display:grid}.completion-checks span{color:#08784c;background:#e1f7ec;border-radius:8px;padding:8px 11px;font-size:13px;font-weight:750}.completion-checks span.review{color:#8a5b00;background:#fff4d8}.truss-step-actions button:disabled{cursor:not-allowed;opacity:.48}@media (max-width:900px){.truss-app .result-learning-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.truss-app .result-learning-tabs button{overflow-wrap:anywhere;white-space:normal!important;min-width:0!important}}@media (max-width:980px){.truss-app .truss-workflow-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}.learning-cycle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-gate{grid-template-columns:1fr 1fr}.learning-gate p{text-align:left;grid-column:1/-1}}@media (max-width:620px){.truss-app .truss-workflow-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.learning-cycle{padding:18px 14px}.learning-cycle-grid{grid-template-columns:1fr 1fr}.learning-completion,.learning-gate{grid-template-columns:1fr}.learning-gate p{grid-column:auto}.truss-app .result-learning-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.truss-app .truss-results .result-learning-tabs{flex-wrap:wrap!important;width:100%!important;min-width:0!important;display:flex!important;overflow:hidden!important}.truss-app .truss-results .result-learning-tabs>button{white-space:normal!important;flex:calc(33.333% - 6px)!important;min-width:150px!important;max-width:100%!important}.template-heading-actions{flex-wrap:wrap;gap:9px;display:flex}.custom-builder-launch{white-space:nowrap}.custom-builder-feature{color:#102a43;text-align:left;cursor:pointer;background:linear-gradient(105deg,#e9f7ff,#f8fcff 62%,#e7f4ff);border:1px solid #68afe3;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;margin:0 0 16px;padding:17px 19px;display:grid;box-shadow:0 8px 22px #087dcc1a}.custom-builder-feature:hover{border-color:#087dcc;transform:translateY(-1px);box-shadow:0 11px 25px #087dcc29}.custom-builder-icon{color:#fff;background:#087dcc;border-radius:12px;place-items:center;width:48px;height:48px;font-size:29px;display:grid}.custom-builder-feature>span:nth-child(2){gap:2px;display:grid}.custom-builder-feature small{color:#087dcc;letter-spacing:.13em;font-size:10px;font-style:normal;font-weight:900}.custom-builder-feature strong{font-size:19px}.custom-builder-feature em{color:#52677f;font-size:13px;font-style:normal;line-height:1.4}.custom-builder-feature>b{color:#087dcc;white-space:nowrap}.truss-app.template-custom.mode-guided .truss-geometry-step .truss-toolbar,.truss-app.template-custom.mode-guided .truss-geometry-step .board-edit-status,.truss-app.template-custom.mode-guided .truss-geometry-step .selected-member-tools,.truss-app.template-custom.mode-guided .truss-geometry-step .truss-instruction,.truss-app.template-custom.mode-guided .truss-geometry-step .geometry-inspector{display:flex!important}.truss-app.template-custom.mode-guided .truss-geometry-step .selected-member-tools,.truss-app.template-custom.mode-guided .truss-geometry-step .geometry-inspector{display:grid!important}@media (min-width:1051px){.truss-app.template-custom .truss-geometry-step>.guided-step-note,.truss-app.template-custom .truss-geometry-step>.cursor-builder-guide,.truss-app.template-custom .truss-geometry-step>.concept-check-grid,.truss-app.template-custom .truss-geometry-step>.truss-canvas-shell,.truss-app.template-custom .truss-geometry-step>.board-edit-status,.truss-app.template-custom .truss-geometry-step>.selected-member-tools,.truss-app.template-custom .truss-geometry-step>.truss-instruction{grid-area:auto/1/auto/-1!important}}.truss-app .truss-canvas-shell.is-dense .member-label{letter-spacing:0;stroke-width:5px!important;font-size:18px!important}.truss-app .truss-canvas-shell.is-dense .member-label .member-value{display:none}.truss-app .truss-canvas-shell.is-dense .member-label .member-id{font-weight:900}.truss-app .truss-legend .dense-label-note{color:#52677f;text-align:center;flex-basis:100%;justify-content:center;font-size:11px;font-weight:700}.cursor-builder-guide{background:linear-gradient(120deg,#f5fbff,#fff);border:1px solid #a9cae5;border-left:6px solid #087dcc;border-radius:14px;grid-template-columns:minmax(240px,1fr) minmax(340px,1.4fr);gap:18px;margin-bottom:18px;padding:20px;display:grid}.cursor-builder-guide h3{color:#102a43;margin:4px 0 7px;font-size:22px}.cursor-builder-guide p{color:#52677f;margin:0;line-height:1.5}.cursor-builder-guide ol{counter-reset:builder-step;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.cursor-builder-guide li{counter-increment:builder-step;color:#40566f;background:#fff;border:1px solid #d3e0eb;border-radius:9px;padding:11px;font-size:13px}.cursor-builder-guide li:before{content:counter(builder-step);color:#087dcc;margin-right:7px;font-weight:900}.custom-support-controls{border-top:1px solid #d3e0eb;grid-column:1/-1;grid-template-columns:1fr 1fr minmax(240px,1.2fr);gap:12px;padding-top:15px;display:grid}.custom-support-controls label{color:#314b63;gap:6px;font-size:12px;font-weight:800;display:grid}.custom-support-controls select{color:#102a43;background:#fff;border:1px solid #afc2d4;border-radius:8px;min-height:42px;padding:8px 10px}.custom-support-controls>div{border-radius:9px;align-content:center;gap:3px;padding:10px 13px;display:grid}.custom-support-controls .builder-ready{color:#08784c;background:#ddf7ea}.custom-support-controls .builder-review{color:#845900;background:#fff2d2}.custom-support-controls span{font-size:12px}@media (max-width:820px){.template-heading-actions{width:100%}.template-heading-actions>button{flex:1}.custom-builder-feature{grid-template-columns:auto 1fr}.custom-builder-feature>b{grid-column:1/-1;padding-left:64px}.cursor-builder-guide,.cursor-builder-guide ol{grid-template-columns:1fr}.custom-support-controls{grid-column:auto;grid-template-columns:1fr}.truss-app .truss-canvas-shell .member-label{stroke-width:5px!important;font-size:18px!important}.truss-app .truss-canvas-shell .member-label .member-value{display:none}}.app>.stage-navigation{grid-template-columns:repeat(6,minmax(0,1fr))!important}.beam-learning-brief,.beam-manual-stage,.beam-verify-stage{gap:20px;display:grid}.beam-learning-hero,.beam-stage-heading{background:linear-gradient(125deg,#fff,#eef8ff);border:1px solid #bfd3e5;border-radius:18px;padding:30px}.beam-learning-hero h1,.beam-stage-heading h1{color:#082b46;margin:7px 0 10px;font-size:clamp(30px,4vw,50px);line-height:1.08}.beam-learning-hero p,.beam-stage-heading p{color:#49637a;max-width:900px;margin:0;font-size:16px;line-height:1.55}.beam-mode-choice{background:#fff;border:1px solid #c4d5e4;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:22px;padding:20px 22px;display:grid}.beam-mode-choice>div:first-child{gap:3px;display:grid}.beam-mode-choice>div:first-child>span{color:#087dcc;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:850}.beam-mode-choice strong{color:#102a43;font-size:20px}.beam-mode-choice p{color:#52677f;margin:0}.beam-mode-choice [role=group]{background:#edf4fa;border:1px solid #aec3d5;border-radius:11px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.beam-mode-choice button{color:#40566f;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:42px;padding:8px 14px;font-weight:800}.beam-mode-choice button.active{color:#fff;background:#087dcc}.beam-learning-cycle{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.beam-learning-cycle article{background:#fff;border:1px solid #cad9e6;border-radius:11px;align-items:center;gap:9px;min-width:0;padding:13px;display:flex}.beam-learning-cycle article>span,.beam-manual-grid article>span,.beam-readiness-grid article>span{color:#087dcc;background:#e2f2ff;border-radius:50%;flex:0 0 31px;place-items:center;width:31px;height:31px;font-weight:900;display:grid}.beam-learning-cycle article div{min-width:0;display:grid}.beam-learning-cycle strong{color:#17324f}.beam-learning-cycle small{color:#60758b;line-height:1.25}.beam-lesson-outcomes{background:#f7fbfe;border:1px solid #c7d7e4;border-radius:14px;padding:22px}.beam-lesson-outcomes h2{color:#102a43;margin:0 0 13px}.beam-lesson-outcomes>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.beam-lesson-outcomes article{background:#fff;border:1px solid #d4e0ea;border-radius:9px;gap:4px;padding:13px;display:grid}.beam-lesson-outcomes strong{color:#087dcc}.beam-lesson-outcomes span{color:#52677f;font-size:13px;line-height:1.4}.beam-stage-actions{justify-content:space-between;gap:12px;display:flex}.beam-predict-stage{gap:18px;display:grid}.beam-prediction-workbench{background:#f7fbfe;border:1px solid #b8cee0;border-left:6px solid #087dcc;border-radius:14px;gap:15px;padding:22px;display:grid}.beam-prediction-workbench h2{color:#102a43;margin:5px 0}.beam-prediction-workbench p{color:#52677f;margin:0}.beam-prediction-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.beam-prediction-grid label,.beam-manual-fields label{color:#314b63;gap:6px;font-size:12px;font-weight:800;display:grid}.beam-prediction-grid select,.beam-prediction-grid input,.beam-manual-fields input{color:#102a43;background:#fff;border:1px solid #afc3d4;border-radius:8px;min-width:0;min-height:43px;padding:8px 10px}.beam-learning-gate{color:#7a5500;background:#fff1d3;border-radius:9px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.beam-learning-gate.complete{color:#08784c;background:#ddf7ea}.beam-manual-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.beam-manual-grid>article{background:#fff;border:1px solid #c4d5e3;border-radius:14px;align-items:flex-start;gap:13px;padding:22px;display:flex}.beam-manual-grid h2{color:#102a43;margin:1px 0 6px}.beam-manual-grid p{color:#52677f;margin:0 0 15px;line-height:1.5}.beam-manual-grid article>div{flex:1;min-width:0}.beam-manual-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.beam-readiness-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.beam-readiness-grid article{background:#f7fbfe;border:1px solid #bfd5e4;border-radius:11px;gap:10px;padding:16px;display:flex}.beam-readiness-grid article>span{color:#08784c;background:#ddf7ea}.beam-readiness-grid strong{color:#17324f}.beam-readiness-grid p{color:#60758b;text-transform:capitalize;margin:4px 0 0;font-size:12px}.beam-comparison-summary{background:linear-gradient(120deg,#f3fff9,#f0f8ff);border:1px solid #9fd4c0;border-left:6px solid #13a36f;border-radius:14px;grid-template-columns:1fr 1.3fr;gap:18px;margin-bottom:18px;padding:22px;display:grid}.beam-comparison-summary h2{color:#102a43;margin:5px 0}.beam-comparison-summary p{color:#52677f;margin:0;line-height:1.5}.beam-comparison-summary>div:last-child{grid-template-columns:1fr 1fr;gap:8px;display:grid}.beam-comparison-summary article{background:#fff;border:1px solid #c6ddd3;border-radius:9px;gap:4px;padding:11px;display:grid}.beam-comparison-summary article span{color:#60758b;text-transform:uppercase;font-size:10px;font-weight:800}.beam-comparison-summary article strong{color:#17324f}@media (max-width:1050px){.app>.stage-navigation{grid-template-columns:repeat(3,minmax(0,1fr))!important}.beam-learning-cycle{grid-template-columns:repeat(3,minmax(0,1fr))}.beam-prediction-grid,.beam-lesson-outcomes>div:last-child,.beam-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.app>.stage-navigation{grid-template-columns:repeat(2,minmax(0,1fr))!important}.beam-learning-hero,.beam-stage-heading{padding:21px 17px}.beam-mode-choice,.beam-manual-grid,.beam-comparison-summary,.beam-mode-choice [role=group]{grid-template-columns:1fr}.beam-learning-cycle,.beam-prediction-grid,.beam-lesson-outcomes>div:last-child,.beam-readiness-grid{grid-template-columns:1fr 1fr}.beam-manual-fields,.beam-comparison-summary>div:last-child{grid-template-columns:1fr}.beam-learning-gate{flex-direction:column}.beam-stage-actions{flex-direction:column-reverse}.beam-stage-actions button{width:100%}}@media (max-width:430px){.beam-learning-cycle,.beam-prediction-grid,.beam-lesson-outcomes>div:last-child,.beam-readiness-grid{grid-template-columns:1fr}}@media (max-width:620px){.truss-app .truss-results .result-learning-tabs>button{flex-basis:calc(50% - 6px)!important;min-width:120px!important}}.truss-app .truss-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:12px!important;display:grid!important}.truss-app .truss-metrics article{box-sizing:border-box!important;border-radius:12px!important;grid-template-rows:minmax(32px,auto) 1fr!important;align-content:start!important;width:100%!important;min-width:0!important;min-height:104px!important;padding:16px 18px!important;display:grid!important}.truss-app .truss-metrics article>span{align-items:flex-start!important;margin:0!important;font-size:12px!important;font-weight:800!important;line-height:1.35!important;display:flex!important}.truss-app .truss-metrics article>strong{color:#fff!important;-webkit-text-fill-color:#fff!important;overflow-wrap:anywhere!important;align-self:end!important;margin:8px 0 0!important;font-size:18px!important;font-weight:850!important;line-height:1.25!important}.truss-app .reaction-summary-grid{align-items:stretch!important}.truss-app .reaction-summary-grid>article{box-sizing:border-box!important;flex-direction:column!important;width:100%!important;min-width:0!important;min-height:148px!important;padding:16px!important;display:flex!important}.truss-app .reaction-summary-grid>article>dl{margin-top:auto!important}.truss-app .truss-results-canvas{width:min(100%,920px)!important;margin:0 auto 16px!important}.truss-app .truss-results-canvas>.truss-canvas-shell{width:100%!important}.truss-app .truss-results-canvas .truss-canvas-shell>svg{width:100%!important;min-height:290px!important;max-height:360px!important}@media (max-width:1100px){.truss-app .truss-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:680px){.truss-app .truss-metrics{grid-template-columns:1fr!important}.truss-app .truss-metrics article{min-height:92px!important}.truss-app .reaction-summary-grid>article{min-height:0!important}.truss-app .truss-results-canvas .truss-canvas-shell>svg{min-height:260px!important;max-height:320px!important}}.truss-app .truss-result-table .state-pill{color:#fff!important;-webkit-text-fill-color:#fff!important;letter-spacing:.045em!important;text-shadow:0 1px 1px #00000052!important;opacity:1!important;border:1px solid #ffffff6b!important;justify-content:center!important;align-items:center!important;min-width:104px!important;min-height:30px!important;padding:6px 12px!important;font-size:12px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important}.truss-app .truss-result-table .state-pill.tension{background:#1457d9!important}.truss-app .truss-result-table .state-pill.compression,.truss-app .truss-result-table .state-pill.review{background:#c81e1e!important}.truss-app .truss-result-table .state-pill.zero{background:#52657a!important}.truss-app .truss-result-table .state-pill.balanced{background:#087a55!important}.app-header .calcs-brand{color:#0877c4!important;white-space:nowrap!important;align-items:center!important;gap:10px!important;text-decoration:none!important;display:flex!important}.app-header .calcs-brand .brand-mark.brand-logo{width:44px!important;height:44px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;flex:0 0 44px!important;padding:0!important}.app-header .calcs-brand .brand-mark.brand-logo img{object-fit:contain!important;width:44px!important;height:44px!important;display:block!important}.app-header .calcs-brand .brand-name{color:#0877c4!important;letter-spacing:0!important;font:750 21px/1.2 Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif!important}.app-header .calcs-brand .brand-sub{display:none!important}@media (max-width:720px){.app-header .calcs-brand{gap:10px!important}.app-header .calcs-brand .brand-mark.brand-logo,.app-header .calcs-brand .brand-mark.brand-logo img{width:38px!important;height:38px!important}.app-header .calcs-brand .brand-mark.brand-logo{flex-basis:38px!important}.app-header .calcs-brand .brand-name{font-size:18px!important}.header-inner,.truss-header-inner{width:100%!important;min-height:64px!important;padding:8px 12px!important}.calcs-brand .brand-mark.brand-logo{width:40px!important;height:40px!important}.calcs-brand .brand-name{font-size:20px!important}.calcs-primary-nav{scrollbar-width:none;overflow-x:auto!important}.calcs-primary-nav::-webkit-scrollbar{display:none}.calcs-primary-nav a,.calcs-primary-nav button{min-height:40px!important;padding:8px 10px!important;font-size:13px!important}.app-header .workspace-preferences{display:none!important}}@media screen{html[data-theme=professional] .guided-activities{color:#172b4d!important;background:#eef6fc!important;border-color:#b9d9f1!important;box-shadow:0 14px 34px #1261a617!important}html[data-theme=professional] .guided-activities-heading h3,html[data-theme=professional] .guided-activities-heading strong,html[data-theme=professional] .results-dashboard .dashboard-heading h2,html[data-theme=professional] .results-dashboard .dashboard-section h3,html[data-theme=professional] .results-dashboard .dashboard-row strong,html[data-theme=professional] .results-dashboard .metric-card strong,html[data-theme=professional] .results-dashboard .metric-card>span,html[data-theme=professional] .results-dashboard label,html[data-theme=professional] .results-dashboard .sweep-status,html[data-theme=professional] .results-dashboard .dashboard-note strong{color:#f8fafc!important}html[data-theme=professional] .guided-activities-heading h3,html[data-theme=professional] .guided-activities-heading strong{color:#173b63!important}html[data-theme=professional] .guided-activities-heading>span,html[data-theme=professional] .results-dashboard .dashboard-row span,html[data-theme=professional] .results-dashboard .metric-card small,html[data-theme=professional] .results-dashboard .dashboard-note,html[data-theme=professional] .results-dashboard small{color:#b8c7d5!important}html[data-theme=professional] .guided-activities-heading>span,html[data-theme=professional] .guided-activities .activity-brief p{color:#526170!important}html[data-theme=professional] .guided-activities .activity-brief strong{color:#1261a6!important}html[data-theme=professional] .guided-activities .activity-buttons button{box-shadow:0 3px 10px #0f172a0a;color:#172b4d!important;background:#fff!important;border-color:#c8d4df!important}html[data-theme=professional] .guided-activities .activity-buttons button:hover,html[data-theme=professional] .guided-activities .activity-buttons button.selected{color:#fff!important;background:#1261a6!important;border-color:#0076d6!important}html[data-theme=professional] .guided-activities .activity-brief>div{border:1px solid #c8d4df;border-left:3px solid #1261a6;background:#fff!important}html[data-theme=professional] .results-dashboard .dashboard-section,html[data-theme=professional] .results-dashboard .metric-card{background:linear-gradient(155deg,#1e293b,#111c2e)!important;border-color:#3b506d!important}html[data-theme=professional] .results-dashboard input,html[data-theme=professional] .results-dashboard select{color:#111827!important;background:#f8fafc!important;border-color:#58708a!important}html[data-theme=professional] .analysis-workspace .diagram-title,html[data-theme=professional] .analysis-workspace .diagram-heading h2,html[data-theme=professional] .analysis-workspace .diagram-heading h3,html[data-theme=professional] .retained-preview-title strong,html[data-theme=professional] .retained-preview-heading strong,html[data-theme=professional] .applied-loads-title h3,html[data-theme=professional] .load-form label>span{color:#172b4d!important}html[data-theme=professional] .load-form label small,html[data-theme=professional] .retained-preview-title small,html[data-theme=professional] .analysis-toolbar .segmented-control button:not(.selected),html[data-theme=professional] .analysis-toolbar .quiet-action:not(.selected),html[data-theme=professional] .analysis-toolbar .toolbar-label{color:#526170!important}html[data-theme=professional] .live-load-preview .dim-text,html[data-theme=professional] .retained-support-preview .dim-text,html[data-theme=professional] .beam-setup-canvas .dim-text{fill:#526f91!important}html[data-theme=professional] .live-load-preview .draw-load.applied text,html[data-theme=professional] .retained-support-preview .draw-load.applied text{fill:#1261a6!important}@media (min-width:900px){html[data-theme=professional] .app .load-lab{padding-bottom:56px!important}html[data-theme=professional] .app .load-footer-actions{grid-template-columns:minmax(300px,1fr) auto auto minmax(180px,auto);padding:10px 12px;bottom:10px;background:#fffffff7!important;border-color:#d0d7df!important;box-shadow:0 12px 30px #0f172a26!important}html[data-theme=professional] .app .load-footer-actions .btn-primary,html[data-theme=professional] .app .load-footer-actions .btn-secondary{min-height:48px}}html[data-theme=professional] .beam-setup-panel{padding-bottom:24px}html[data-theme=professional] .beam-setup-heading{margin-block-start:14px!important;margin-block-end:20px!important;padding:clamp(24px,3vw,34px) clamp(20px,4vw,54px)!important}html[data-theme=professional] .beam-setup-heading h1{font-size:clamp(30px,3vw,44px)!important}html[data-theme=professional] .beam-setup-heading p{max-width:900px;font-size:clamp(15px,1.2vw,18px)!important;line-height:1.5!important}html[data-theme=professional] .beam-setup-panel .beam-setup-controls .card,html[data-theme=professional] .beam-setup-panel .beam-setup-canvas{background:#fff!important;border-color:#c8d4df!important;box-shadow:0 12px 30px #0f172a14!important}html[data-theme=professional] .beam-setup-canvas{min-height:0!important;padding:clamp(20px,2.3vw,30px)!important}html[data-theme=professional] .beam-setup-canvas .canvas-heading{margin-bottom:8px}html[data-theme=professional] .beam-setup-canvas .canvas-heading h2{color:#172b4d!important}html[data-theme=professional] .beam-setup-canvas .beam-canvas{width:100%;height:auto;max-height:310px;display:block}html[data-theme=professional] .beam-setup-canvas .workspace-status{color:#174f78;background:#eaf5fc;border-color:#9ec9e8}html[data-theme=professional] .beam-setup-canvas .beam-preview-help{padding-top:12px;color:#526170!important;margin-top:8px!important}html[data-theme=professional] .beam-setup-panel .card-title{color:#173b63!important}html[data-theme=professional] .beam-setup-panel .form-group>label{color:#172b4d!important}html[data-theme=professional] .beam-setup-panel .geometry-help,html[data-theme=professional] .beam-setup-panel .support-help{color:#526170!important}html[data-theme=professional] .support-visual-preview{background:#f4f7fa!important;border-color:#c8d4df!important}html[data-theme=professional] .support-visual-preview span{color:#526170!important}html[data-theme=professional] .support-visual-preview strong{color:#172b4d!important}html[data-theme=professional] .applied-loads li{box-shadow:0 5px 16px #0f172a0d;color:#172b4d!important;background:#f8fafc!important;border-color:#c8d4df!important}html[data-theme=professional] .applied-loads li strong{color:#172b4d!important}html[data-theme=professional] .applied-loads li small,html[data-theme=professional] .applied-load-edit-grid label,html[data-theme=professional] .applied-load-edit-grid label span{color:#526170!important}html[data-theme=professional] .applied-load-edit-grid input{color:#111827!important;background:#fff!important;border-color:#b8c7d5!important}html[data-theme=professional] .applied-load-edit-grid input:focus{border-color:#0076d6!important;box-shadow:0 0 0 3px #0076d61f!important}html[data-theme=professional] .load-index{color:#1261a6!important;background:#dceefe!important}html[data-theme=professional] .applied-loads li>.remove-load-button{color:#526170!important;border-color:#0000!important}html[data-theme=professional] .applied-loads li>.remove-load-button:hover{color:#b42318!important;background:#fff1f2!important;border-color:#fecaca!important}html[data-theme=professional] .applied-loads li>.remove-load-button:focus-visible{color:#b42318!important;background:#fff1f2!important;border-color:#fecaca!important}html[data-theme=professional] .analysis-toolbar .segmented-control{background:#eef4f8!important;border-color:#c8d4df!important}html[data-theme=professional] .analysis-toolbar .segmented-control button:not(.selected):hover{color:#173b63!important;background:#dceefe!important}html[data-theme=professional] .results-dashboard .dashboard-heading h2{color:#172b4d!important}html[data-theme=professional] .results-dashboard .eyebrow{color:#0076d6!important}html[data-theme=professional] .results-dashboard .dashboard-section,html[data-theme=professional] .results-dashboard .metric-card{background:#fff!important;border-color:#c8d4df!important;box-shadow:0 9px 24px #0f172a12!important}html[data-theme=professional] .results-dashboard .dashboard-section h3,html[data-theme=professional] .results-dashboard .dashboard-row strong,html[data-theme=professional] .results-dashboard .metric-card strong,html[data-theme=professional] .results-dashboard .metric-card>span,html[data-theme=professional] .results-dashboard label,html[data-theme=professional] .results-dashboard .sweep-status,html[data-theme=professional] .results-dashboard .dashboard-note strong{color:#172b4d!important}html[data-theme=professional] .results-dashboard .dashboard-row span,html[data-theme=professional] .results-dashboard .metric-card small,html[data-theme=professional] .results-dashboard .dashboard-note,html[data-theme=professional] .results-dashboard small{color:#526170!important}html[data-theme=professional] .results-dashboard .dashboard-row{border-bottom-color:#e1e8f0!important}html[data-theme=professional] .results-dashboard .tone-reaction{background:#f3fbf7!important}html[data-theme=professional] .results-dashboard .metric-shear{background:#f1f8fe!important}html[data-theme=professional] .results-dashboard .metric-moment{background:#f3fbf7!important}html[data-theme=professional] .results-dashboard .metric-deflection{background:#f7f4ff!important}html[data-theme=professional] .pilot-footer{border-top-color:#d0d7df!important;margin-top:24px!important;padding-block-start:14px!important;padding-block-end:14px!important}@media (max-width:820px){html[data-theme=professional] .beam-setup-heading{margin-block-start:10px!important;margin-block-end:16px!important;padding:22px 18px!important}html[data-theme=professional] .beam-setup-canvas .beam-canvas{max-height:none}}}.project-workspace-bar{border:1px solid var(--border);background:var(--surface);width:min(1480px,100% - 32px);color:var(--text);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin:12px auto;padding:10px 12px;display:flex;box-shadow:0 8px 24px #0f172a14}.project-status{align-items:center;gap:9px;min-width:190px;display:flex}.project-status>div{gap:2px;display:grid}.project-status strong{color:var(--text);font-size:13px}.project-status small{color:var(--muted);font-size:11px}.project-name-row{align-items:center;gap:5px;min-width:0;display:flex}.project-name-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-rename{width:25px;min-width:25px;height:25px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:inline-grid;min-height:25px!important;padding:0!important}.project-rename:hover{background:var(--surface2);color:var(--accent)}.project-rename:focus-visible{background:var(--surface2);color:var(--accent)}.project-status-dot{background:#22c55e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #22c55e2e}.project-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.project-actions button{min-height:38px;padding:7px 11px;font-size:12px}.project-count{background:color-mix(in srgb, var(--accent) 15%, transparent);border-radius:10px;place-items:center;min-width:19px;height:19px;margin-left:4px;display:inline-grid}.project-history-menu{position:relative}.project-history-menu>summary{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text);cursor:pointer;border-radius:9px;align-items:center;padding:7px 11px;font-size:12px;list-style:none;display:flex}.project-history-menu>summary::-webkit-details-marker{display:none}.project-history-menu>summary:after{content:"▾";color:var(--muted);margin-left:7px}.project-history-menu[open]>summary{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--surface))}.project-history-popover{z-index:80;border:1px solid var(--border);background:var(--surface);border-radius:11px;gap:5px;width:min(290px,100vw - 24px);padding:8px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 18px 45px #0f172a33}.project-history-popover button{border:1px solid var(--border);background:var(--surface2);width:100%;min-height:38px;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.project-history-popover button:hover{border-color:var(--accent)}.project-history-popover button:disabled{cursor:not-allowed;opacity:.48}.project-history-popover small{white-space:nowrap;font-size:9px}.project-history-popover p{color:var(--muted);margin:4px;font-size:11px}.project-mobile-only{display:none!important}.scenario-strip{width:min(1480px,100% - 32px);color:var(--text);align-items:center;gap:8px;margin:0 auto 12px;display:flex;overflow-x:auto}.scenario-strip>strong{flex:none;font-size:12px}.scenario-strip button{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;border-radius:9px;flex:none;gap:1px;padding:7px 10px;display:grid}.scenario-strip button:hover{border-color:var(--accent)}.scenario-strip small{color:var(--muted);font-size:9px}.analysis-workspace .visual-workspace .diagram-wrap svg{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;display:block!important}.project-library{width:min(760px,100vw - 28px)}.project-library-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.project-library-heading span{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:850}.project-library-heading h2{margin:4px 0 16px}.project-library-heading>button{border:1px solid var(--border);background:var(--surface2);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:9px;font-size:21px}.project-transfer-actions{border:1px solid var(--border);background:color-mix(in srgb, var(--surface2) 88%, var(--accent) 12%);border-radius:11px;grid-template-columns:repeat(2,minmax(0,auto)) 1fr;align-items:center;gap:10px;margin:0 0 14px;padding:12px;display:grid}.project-transfer-actions small{color:var(--muted);line-height:1.45}.project-list{gap:9px;max-height:min(60vh,520px);display:grid;overflow-y:auto}.project-list article{border:1px solid var(--border);background:var(--surface2);border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.project-list article>div:first-child{gap:3px;display:grid}.project-list article small{color:var(--muted)}.project-list article>div:last-child{gap:7px;display:flex}.empty-projects{text-align:center;color:var(--muted);padding:28px 12px}.report-document-header,.report-document-footer,.beam-print-report{display:none}@media (max-width:800px){.project-transfer-actions{grid-template-columns:1fr 1fr}.project-transfer-actions small{grid-column:1/-1}.project-workspace-bar{flex-direction:column;align-items:stretch}.project-actions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.project-actions button{width:100%}.project-secondary-action{display:none!important}.project-history-menu>summary{justify-content:center}.project-history-popover{right:50%;transform:translate(50%)}.project-mobile-only{display:flex!important}.project-list article{flex-direction:column;align-items:stretch}}@media (max-width:480px){.project-workspace-bar{width:calc(100% - 20px);margin-block-start:9px;margin-block-end:9px;padding:10px}.project-status{min-width:0}.project-actions{grid-template-columns:1fr 1fr}.project-projects,.project-save{min-width:0}.project-history-menu{grid-column:1/-1}.project-history-menu>summary{width:100%}}@media print{@page{size:A4 portrait;margin:10mm 12mm 12mm}*,:before,:after{box-sizing:border-box!important;-webkit-print-color-adjust:exact!important;-moz-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{scrollbar-width:none!important;-ms-overflow-style:none!important;background:#fff!important;width:auto!important;min-width:0!important;height:auto!important;max-height:none!important;overflow:visible!important}html::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.app::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.truss-app::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.app-main::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.truss-main::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.beam-print-report::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.app-header,.pilot-banner,.stage-navigation,.truss-workflow-nav,.project-workspace-bar,.scenario-strip,.pilot-footer,.result-actions,.truss-step-actions,.results-actions,.analysis-toolbar,.live-parameter-sweep,.feedback-panel,.results-dashboard,button{display:none!important}body,#root,.app,.truss-app,.app-main,.truss-main{scrollbar-width:none!important;-ms-overflow-style:none!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;color:#172b4d!important;background:#fff!important;border:0!important;outline:0!important;margin:0!important;padding:0!important;font-family:Inter,Arial,sans-serif!important;overflow:visible!important}.report-document-header{color:#172b4d;break-inside:avoid-page;border-bottom:2.5px solid #1261a6;margin:0 0 4mm;padding:0 0 3mm;width:100%!important;max-width:100%!important;display:block!important;overflow:visible!important}.report-brand-lockup{align-items:center;gap:3mm;display:flex}.report-brand-lockup img{object-fit:contain;width:12mm;height:12mm}.report-brand-lockup div{gap:.5mm;display:grid}.report-brand-lockup span{color:#1261a6;letter-spacing:.12em;font-size:7.5pt;font-weight:850}.report-brand-lockup strong{font-size:15pt;line-height:1.1;color:#172b4d!important}.report-document-header dl{grid-template-columns:1fr 1fr;gap:1mm 7mm;margin:3mm 0 0;display:grid}.report-document-header dl div{border-top:.25mm solid #d7e1ec;grid-template-columns:21mm 1fr;gap:2mm;padding-top:1mm;display:grid}.report-document-header dt{color:#52677f;text-transform:uppercase;font-size:6.8pt;font-weight:750}.report-document-header dd{color:#172b4d;margin:0;font-size:7.5pt;font-weight:650}.report-document-footer{color:#52677f;white-space:nowrap;border-top:.25mm solid #b8c8da;justify-content:space-between;gap:6mm;margin:0;padding-top:1.2mm;font-size:6.5pt;bottom:3mm;left:12mm;right:12mm;background:#fff!important;width:auto!important;max-width:none!important;display:flex!important;position:fixed!important}.report-document-footer strong{color:#1261a6!important}.analysis-workspace,.analysis-layout,.visual-workspace{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.analysis-workspace .diagram-wrap,.truss-results .truss-canvas-wrap{break-inside:avoid-page;page-break-inside:avoid;break-after:page;page-break-after:always;width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;box-shadow:none!important;background:#fff!important;border:.35mm solid #9fb2c7!important;border-radius:3mm!important;margin:0 0 5mm!important;padding:4mm!important;overflow:hidden!important}.analysis-workspace .diagram-wrap:last-child{break-after:auto;page-break-after:auto}.analysis-workspace .diagram-wrap svg,.truss-results svg{width:100%!important;height:auto!important;max-height:82mm!important;display:block!important;overflow:visible!important}.diagram-heading{border-bottom-color:#d7e1ec!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:flex-start!important;gap:2mm 5mm!important;width:100%!important;max-width:100%!important;margin-bottom:2mm!important;padding-bottom:2mm!important;display:flex!important;overflow:visible!important}.diagram-heading>*{min-width:0!important;max-width:100%!important}.diagram-metric{text-align:right;white-space:normal!important;flex:0 auto!important;max-width:78mm!important;padding:2mm 3mm!important}.diagram-metric *{white-space:normal!important;overflow-wrap:anywhere!important}.diagram-title{color:#172b4d!important;font-size:13pt!important;font-weight:800!important}.diagram-subtitle,.diagram-note{color:#52677f!important;white-space:normal!important;font-size:8pt!important;overflow:visible!important}.diagram-drag-hint{display:none!important}.diagram-metric,.metric-caption{color:#334e68!important}.diagram-wrap text{opacity:1!important}.card,.truss-panel,.reaction-summary,.solution-steps,.truss-results-grid,.truss-metrics,.joint-audit{break-inside:avoid-page;box-shadow:none!important;border-color:#b8c8da!important}.truss-results{border:0!important;padding:0!important}.truss-table-scroll{overflow:visible!important}p,li,dd,td,th,span{overflow-wrap:break-word!important;word-break:normal!important;max-width:100%!important}table{table-layout:fixed!important;width:100%!important;max-width:100%!important;font-size:8pt!important}th,td{white-space:normal!important;text-overflow:clip!important;overflow:visible!important}thead{display:table-header-group}tr{break-inside:avoid}.analysis-workspace{display:none!important}.beam-print-report{color:#172b4d!important;background:#fff!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.print-summary{break-after:page;page-break-after:always;width:100%}.print-section-heading{border-bottom:.4mm solid #c8d6e5;align-items:center;gap:3mm;margin:0 0 3.5mm;padding:0 0 2mm;display:flex}.print-section-heading>span{border-radius:50%;flex:0 0 8mm;place-items:center;width:8mm;height:8mm;font-size:7.5pt;font-weight:850;display:grid;color:#fff!important;background:#1261a6!important}.print-section-heading div{gap:.5mm;min-width:0;display:grid}.print-section-heading small{letter-spacing:.11em;font-size:6.8pt;font-weight:850;color:#1261a6!important}.print-section-heading h2{margin:0;line-height:1.12;color:#172b4d!important;font-size:13pt!important}.print-model-strip{border:.35mm solid #c8d6e5;border-radius:3mm;grid-template-columns:1.6fr 1fr 1fr;margin-bottom:3mm;display:grid;overflow:hidden;background:#f7fafd!important}.print-model-strip>div{border-right:.25mm solid #dbe5ef;gap:.6mm;padding:2.5mm 3mm;display:grid}.print-model-strip>div:last-child{border-right:0}.print-model-strip span{text-transform:uppercase;letter-spacing:.04em;font-size:7.5pt;font-weight:750;color:#52677f!important}.print-model-strip strong{font-size:10pt;color:#172b4d!important}.print-kpi-grid{grid-template-columns:1fr 1fr;gap:2.5mm;margin-bottom:3mm;display:grid}.print-kpi-grid article{border:.35mm solid #c8d6e5;border-left-width:1.3mm;border-radius:3mm;min-height:21mm;padding:3mm 3mm 2.5mm 4mm;position:relative;overflow:hidden;background:#fff!important}.print-kpi-grid article.load{border-left-color:#2563eb}.print-kpi-grid article.shear{border-left-color:#0284c7}.print-kpi-grid article.moment{border-left-color:#059669}.print-kpi-grid article.deflection{border-left-color:#7c3aed}.print-kpi-grid article>span{text-transform:uppercase;letter-spacing:.035em;font-size:7.5pt;font-weight:800;display:block;color:#52677f!important}.print-kpi-grid article>strong{margin-top:1mm;font:850 13pt/1.05 JetBrains Mono,Consolas,monospace;display:block;color:#172b4d!important}.print-kpi-grid article>strong small{font-size:8pt;font-weight:750;color:#52677f!important}.print-kpi-grid article p{margin:1.5mm 0 0;font-size:7.5pt;line-height:1.25;color:#52677f!important}.print-data-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:3mm;display:grid}.print-data-card{break-inside:avoid;border:.35mm solid #c8d6e5;border-radius:3mm;overflow:hidden;background:#fff!important}.print-data-card h3{margin:0;padding:2mm 3mm;color:#173b63!important;background:#eef4fb!important;font-size:8.5pt!important}.print-data-card table{border-collapse:collapse;margin:0;table-layout:auto!important}.print-data-card th{text-align:left;text-transform:uppercase;padding:1.5mm 2.5mm;font-size:6.5pt;font-weight:800;color:#52677f!important;background:#f8fafc!important}.print-data-card td{vertical-align:top;border-top:.2mm solid #e1e8f0;padding:1.7mm 2.5mm;font-size:7.2pt;line-height:1.2;color:#172b4d!important}.print-data-card td:last-child{font-weight:700}.print-summary-note{border-radius:1.5mm;margin:3mm 0 0;padding:2mm 3mm;font-size:7.2pt;line-height:1.3;color:#7c3f12!important;background:#fff7ed!important}.print-diagram-page{break-before:page;page-break-before:always;break-after:page;page-break-after:always;min-height:232mm;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.print-diagram-page:last-child{break-after:auto;page-break-after:auto}.beam-print-report .diagram-wrap{break-inside:avoid-page;page-break-inside:avoid;break-after:auto;page-break-after:auto;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:.35mm solid #aebfd1!important;border-radius:3mm!important;margin:0!important;padding:5mm!important;display:block!important;overflow:visible!important}.beam-print-report .diagram-wrap>.diagram-heading{display:none!important}.beam-print-report .diagram-wrap svg{width:100%!important;height:auto!important;max-height:150mm!important;display:block!important;overflow:visible!important}.beam-print-report .diagram-heading{min-height:15mm}.beam-print-report .diagram-metric{color:#173b63!important;background:#eef4fb!important;border:.3mm solid #bdd0e2!important;border-radius:2mm!important;max-width:68mm!important}.beam-print-report .diagram-title{color:#172b4d!important}.print-figure-caption{margin:4mm 1mm 0;font-size:8.5pt;line-height:1.45;color:#52677f!important}.print-figure-caption strong{color:#172b4d!important}.print-note{border-left:1mm solid #7c3aed;margin:5mm 0 0;padding:4mm;font-size:9pt;line-height:1.45;color:#3f3a5a!important;background:#f5f3ff!important}.print-summary{break-after:page;page-break-after:always}.print-summary-model{break-inside:avoid;page-break-inside:avoid;margin:3mm 0 0}.print-subsection-heading{border-top:.4mm solid #c8d6e5;align-items:center;gap:3mm;margin:0 0 3mm;padding-top:3mm;display:flex}.print-subsection-heading>span{border-radius:50%;flex:0 0 8mm;place-items:center;width:8mm;height:8mm;font-size:7.5pt;font-weight:850;display:grid;color:#1261a6!important;background:#dbeafe!important}.print-subsection-heading div{gap:.3mm;display:grid}.print-subsection-heading small{letter-spacing:.1em;font-size:6.8pt;font-weight:850;color:#1261a6!important}.print-subsection-heading h2{margin:0;color:#172b4d!important;font-size:11.5pt!important}.print-summary-model .diagram-wrap{padding:2.5mm!important}.print-summary-model figcaption,.print-compact-figure figcaption,.print-response-figure figcaption{text-align:center;width:calc(100% - 2mm);max-width:calc(100% - 2mm);margin:1.4mm 1mm 0;font-size:7.4pt;line-height:1.32;color:#40566f!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;overflow:visible!important}.print-summary-model figcaption strong,.print-compact-figure figcaption strong,.print-response-figure figcaption strong{color:#172b4d!important}.print-analysis-page,.print-response-page{break-before:page;page-break-before:always;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}.print-analysis-page{break-after:auto;page-break-after:auto;padding-bottom:8mm!important}.print-compact-figure,.print-response-figure{break-inside:avoid;page-break-inside:avoid;margin:0 0 2.2mm}.print-compact-figure h3{text-align:center;margin:0 0 1.2mm;line-height:1.2;color:#173b63!important;font-size:9.5pt!important}.print-compact-figure .diagram-wrap{padding:2.5mm 3mm!important}.print-compact-figure .diagram-wrap svg{max-height:49mm!important}.print-response-figure .diagram-wrap{padding:4mm!important}.print-response-figure .diagram-wrap svg{max-height:105mm!important}.print-interpretation-grid{grid-template-columns:1fr 1fr;gap:4mm;margin-top:5mm;display:grid}.print-interpretation-grid>section{break-inside:avoid;border:.35mm solid #c8d6e5;border-radius:3mm;padding:4mm;background:#fff!important}.print-interpretation-grid h3{margin:0 0 3mm;color:#173b63!important;font-size:10pt!important}.print-interpretation-grid dl{margin:0}.print-interpretation-grid dl div{border-top:.2mm solid #e1e8f0;gap:.8mm;padding:2.2mm 0;display:grid}.print-interpretation-grid dt{color:#52677f;font-size:7.3pt;font-weight:750}.print-interpretation-grid dd{color:#172b4d;margin:0;font-size:8.2pt;font-weight:750}.print-interpretation-grid p{margin:0 0 2.5mm;font-size:8pt;line-height:1.4;color:#334e68!important}.print-interpretation-grid p:last-child{margin-bottom:0}.print-response-page .print-note{margin-top:4mm;padding:3mm 4mm;font-size:8pt}.print-observations{break-inside:avoid;page-break-inside:avoid;border-top:.35mm solid #c8d6e5;grid-template-columns:1fr;align-items:start;gap:1.4mm;margin-top:.6mm;padding:2mm 2.5mm;display:grid;background:#f8fafc!important}.print-observations h3{text-align:center;margin:0;color:#173b63!important;font-size:8.8pt!important}.print-observations ul{color:#334e68;grid-template-columns:repeat(3,minmax(0,1fr));gap:2mm;margin:0;padding:0;list-style:none;display:grid}.print-observations li{text-align:left;overflow-wrap:break-word;word-break:normal;border:.25mm solid #dbe5ef;border-top:.7mm solid #1261a6;border-radius:1.5mm;min-width:0;margin:0;padding:1.6mm 1.8mm;font-size:6.5pt;line-height:1.25;background:#fff!important}.print-observations li:last-child{border-right:.25mm solid #dbe5ef}.print-observations p{border-left:.6mm solid #7c3aed;margin:0;padding:1.5mm 2mm;font-size:6.5pt;line-height:1.25;color:#3f3a5a!important;background:#f5f3ff!important}.beam-print-report .diagram-wrap{border-color:#d3dee9!important;border-radius:1.5mm!important}.print-summary-model .diagram-wrap svg{max-height:47mm!important}.print-summary-model .diagram-wrap svg text{font-size:12px!important}.print-compact-figure .diagram-wrap svg text{font-size:11px!important}.print-kpi-grid article>strong,.print-kpi-grid article>strong small,.print-model-strip strong,.print-data-card td:last-child,.print-observations li{font-variant-numeric:tabular-nums}.print-kpi-grid article>strong,.print-kpi-grid article>strong small,.print-data-card td:last-child{white-space:nowrap!important}}.app-header .calcs-primary-nav{background:0 0!important;border:0!important;gap:2px!important;padding:0!important}.app-header .calcs-primary-nav a,.app-header .calcs-primary-nav button{border-radius:7px!important;min-height:42px!important;padding:9px 14px!important;font-size:15px!important;font-weight:650!important}.app-header .workspace-preferences{align-items:center!important;gap:8px!important;display:flex!important}.app-header .help-button,.app-header .share-app-button,.app-header .settings-button{border-radius:7px!important;min-height:42px!important;padding:9px 13px!important;font-size:14px!important}@media (max-width:720px){.app-header .share-app-button,.app-header .help-button{display:none!important}.app-header .settings-control,.app-header .settings-button{display:flex!important}.app-header .settings-button{width:40px!important;min-width:40px!important;padding:8px!important}.app-header .settings-button-label{display:none!important}}@media (min-width:760px){.app .analysis-workspace .analysis-layout{grid-template-columns:minmax(0,1fr) clamp(285px,30vw,390px)!important;align-items:start!important;gap:clamp(16px,2vw,26px)!important;display:grid!important}.app .analysis-workspace .visual-workspace{grid-column:1!important;min-width:0!important}.app .analysis-workspace .results-dashboard{max-height:calc(100vh - var(--workstation-header-height) - 32px);overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto;top:calc(var(--workstation-header-height) + 18px)!important;flex-direction:column!important;grid-column:2!important;grid-template-columns:none!important;width:100%!important;min-width:0!important;display:flex!important;position:sticky!important}}@media (max-width:759px){.app .analysis-workspace .analysis-layout{grid-template-columns:minmax(0,1fr)!important}.app .analysis-workspace .results-dashboard{grid-column:1!important;width:100%!important;max-height:none!important;position:static!important;overflow:visible!important}}.beam-mode-selector{width:min(1380px,100% - 32px);margin:16px auto 10px}.beam-comparison-summary article small{color:#087dcc;font-size:11px;font-weight:700;line-height:1.4}:root{--lab-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lab-title-size:clamp(34px, 3.6vw, 52px);--lab-section-size:clamp(25px, 2.2vw, 34px);--lab-card-title-size:clamp(18px, 1.35vw, 22px);--lab-body-size:clamp(15px, 1vw, 17px);--lab-small-size:13px;--lab-nav-size:clamp(15px, 1.1vw, 18px)}.app,.truss-app,.app button,.truss-app button,.app input,.truss-app input,.app select,.truss-app select,.app textarea,.truss-app textarea{font-family:var(--lab-font)}.beam-learning-hero h1,.beam-stage-heading h1,.truss-hero h1{font-family:var(--lab-font)!important;font-size:var(--lab-title-size)!important;letter-spacing:-.035em!important;font-weight:760!important;line-height:1.12!important}.beam-learning-hero p,.beam-stage-heading p,.truss-hero p{font-size:var(--lab-body-size)!important;letter-spacing:0!important;line-height:1.55!important}.lab-learning-hero{width:100%;max-width:none!important;box-shadow:none!important;text-align:center!important;background:linear-gradient(125deg,#fff,#eef8ff)!important;border:1px solid #bfd3e5!important;border-radius:18px!important;margin:0!important;padding:30px!important;display:block!important}.lab-learning-hero>div:first-child{text-align:center!important;max-width:none!important}.lab-learning-hero h1{text-wrap:balance;max-width:1050px;color:#082b46!important;text-align:center!important;margin:7px auto 10px!important}.lab-learning-hero p{text-wrap:balance;color:#49637a!important;text-align:center!important;max-width:900px!important;margin:0 auto!important}.lab-learning-cycle,.lab-learning-outcomes{width:100%;max-width:none!important;box-shadow:none!important;background:#f7fbfe!important;border:1px solid #c7d7e4!important;border-radius:14px!important;margin:0!important;padding:22px!important}.lab-learning-section-heading>span{text-transform:uppercase;line-height:1.3;display:block;color:#087dcc!important;letter-spacing:.11em!important;font-size:11px!important;font-weight:850!important}.lab-learning-section-heading{width:100%;text-align:center!important}.lab-learning-outcomes>.lab-learning-section-heading{text-align:center!important;grid-template-columns:none!important;width:100%!important;margin:0!important;display:block!important}.lab-learning-outcomes>.lab-learning-section-heading>span,.lab-learning-outcomes>.lab-learning-section-heading>h2{text-align:center!important;width:100%!important}.lab-learning-section-heading h2{color:#102a43!important;font-family:var(--lab-font)!important;font-size:var(--lab-section-size)!important;letter-spacing:-.02em!important;margin:5px 0 14px!important;font-weight:750!important;line-height:1.18!important}.lab-learning-cycle .beam-learning-cycle,.lab-learning-cycle .learning-cycle-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.lab-learning-cycle .beam-learning-cycle article,.lab-learning-cycle .learning-cycle-grid article{background:#fff;border:1px solid #cad9e6;border-radius:11px;align-items:center;gap:9px;min-width:0;min-height:64px;padding:13px;display:flex}.lab-learning-cycle article>span{color:#087dcc;background:#e2f2ff;border-radius:50%;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:13px;font-weight:900;display:grid}.lab-learning-cycle article div{gap:2px;min-width:0;display:grid}.lab-learning-cycle article strong{color:#17324f;font-size:14px;line-height:1.25}.lab-learning-cycle article small{color:#60758b;font-size:11px;line-height:1.3}.lab-learning-outcomes>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.lab-learning-outcomes article{background:#fff;border:1px solid #d4e0ea;border-radius:10px;align-content:start;gap:5px;min-height:104px;padding:15px;display:grid}.lab-learning-outcomes article strong{color:#087dcc;font-size:15px;line-height:1.3}.lab-learning-outcomes article span{color:#52677f;font-size:13px;line-height:1.45}.truss-main>.lab-learning-hero,.truss-main>.lab-learning-cycle,.truss-main>.lab-learning-outcomes{margin-bottom:20px!important}.lab-brief-actions{justify-content:space-between;margin:0 0 20px;display:flex}.lab-brief-actions .btn-primary{min-width:220px}@media (max-width:1100px){.lab-learning-cycle .beam-learning-cycle,.lab-learning-cycle .learning-cycle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-learning-outcomes>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}}.workspace-kicker,.truss-hero .workspace-kicker,.truss-section-heading>div>span,.beam-learning-hero>span,.beam-stage-heading>span,.beam-prediction-workbench .workspace-kicker{font-family:var(--lab-font)!important;letter-spacing:.12em!important;font-size:12px!important;font-weight:850!important;line-height:1.3!important}.truss-section-heading h2,.beam-prediction-workbench h2,.beam-comparison-summary h2,.beam-lesson-outcomes h2,.beam-setup-canvas h2{font-family:var(--lab-font)!important;font-size:var(--lab-section-size)!important;letter-spacing:-.02em!important;font-weight:750!important;line-height:1.18!important}.truss-panel h3,.beam-manual-grid h2,.dashboard-heading h2,.card-title{font-family:var(--lab-font)!important;font-size:var(--lab-card-title-size)!important;font-weight:750!important;line-height:1.25!important}.truss-app p,.truss-app label,.beam-learning-brief p,.beam-manual-stage p,.beam-verify-stage p,.load-lab p,.load-lab label{font-family:var(--lab-font)}.truss-workflow-nav button,.app>.stage-navigation button{min-height:72px!important;font-family:var(--lab-font)!important;font-size:var(--lab-nav-size)!important;letter-spacing:0!important;padding:12px 15px!important;font-weight:750!important;line-height:1.2!important}.truss-workflow-nav button>span,.app>.stage-navigation button>span{width:36px!important;height:36px!important;font-family:var(--lab-font)!important;flex:0 0 36px!important;font-size:14px!important;font-weight:800!important}.truss-mode-selector,.beam-mode-selector{text-align:left!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:24px!important;min-height:136px!important;padding:24px 26px!important;display:grid!important}.truss-mode-selector>div:first-child,.beam-mode-selector>div:first-child{text-align:left!important;justify-items:start!important;gap:4px!important;display:grid!important}.truss-mode-selector>div:first-child>span,.beam-mode-selector>div:first-child>span{text-transform:uppercase;letter-spacing:.11em!important;font-size:11px!important;font-weight:850!important}.truss-mode-selector>div:first-child>strong,.beam-mode-selector>div:first-child>strong{font-size:20px!important;font-weight:760!important;line-height:1.25!important}.truss-mode-selector p,.beam-mode-selector p{margin:0!important;font-size:14px!important;line-height:1.45!important}.truss-mode-selector>div:last-child,.beam-mode-selector>div:last-child{grid-template-columns:repeat(2,minmax(190px,1fr))!important;gap:5px!important;display:grid!important}.truss-mode-selector button,.beam-mode-selector button{min-height:56px!important;padding:10px 18px!important;font-size:15px!important;font-weight:760!important}.app .btn-primary,.app .btn-secondary,.truss-app .btn-primary,.truss-app .btn-secondary{font-family:var(--lab-font)!important;font-size:15px!important;font-weight:720!important;line-height:1.25!important}.diagram-wrap text,.truss-canvas-shell text,code,.equilibrium-check,.metric-card strong,.truss-metrics strong{font-variant-numeric:tabular-nums}@media (max-width:760px){:root{--lab-title-size:clamp(30px, 9vw, 38px);--lab-section-size:clamp(23px, 7vw, 30px);--lab-nav-size:15px}.truss-mode-selector,.beam-mode-selector{grid-template-columns:1fr!important;min-height:0!important;padding:19px 17px!important}.lab-learning-hero,.lab-learning-cycle,.lab-learning-outcomes{padding:18px 16px!important}.lab-learning-cycle .beam-learning-cycle,.lab-learning-cycle .learning-cycle-grid,.lab-learning-outcomes>div:last-child{grid-template-columns:1fr!important}.lab-brief-actions .btn-primary{width:100%}.truss-mode-selector>div:last-child,.beam-mode-selector>div:last-child{grid-template-columns:1fr!important;width:100%!important}.truss-workflow-nav button,.app>.stage-navigation button{min-height:60px!important;padding:9px 10px!important}.truss-workflow-nav button>span,.app>.stage-navigation button>span{flex-basis:30px!important;width:30px!important;height:30px!important;font-size:12px!important}}.learning-checkpoint-overlay{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#061226ad;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.learning-checkpoint-modal{color:#10233f;background:#fff;border:1px solid #b7cbe2;border-radius:20px;outline:none;width:min(560px,100%);max-height:min(88vh,720px);padding:clamp(24px,4vw,34px);position:relative;overflow:auto;box-shadow:0 28px 80px #051a3747}.learning-checkpoint-kicker{color:#0876c9;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:900}.learning-checkpoint-modal h2{margin:8px 42px 8px 0;font-size:clamp(24px,4vw,32px);line-height:1.15}.learning-checkpoint-modal>p{color:#4a617d;margin:0 0 20px;font-size:16px;line-height:1.55}.learning-checkpoint-location{color:#0b568d;background:#eef8ff;border:1px solid #b9d8f2;border-radius:12px;align-items:center;gap:12px;margin:-3px 0 18px;padding:13px 15px;display:flex}.learning-checkpoint-location>span{color:#fff;background:#0876c9;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.learning-checkpoint-location div{gap:2px;display:grid}.learning-checkpoint-location small{color:#526f89;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.learning-checkpoint-location strong{color:#123d62;line-height:1.35}.learning-checkpoint-close{color:#28435f;cursor:pointer;background:#edf5fc;border:0;border-radius:50%;width:38px;height:38px;font-size:25px;position:absolute;top:15px;right:16px}.learning-checkpoint-progress{background:#eef7ff;border-radius:12px;gap:9px;margin-bottom:18px;padding:14px 16px;display:grid}.learning-checkpoint-progress>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.learning-checkpoint-progress strong{color:#075f9f;font-size:18px}.learning-checkpoint-progress span{color:#526a83;font-size:13px}.learning-checkpoint-track{background:#d6e4f2;border-radius:999px;height:8px;overflow:hidden}.learning-checkpoint-track span{border-radius:inherit;background:#22a879;height:100%;transition:width .2s;display:block}.learning-checkpoint-list{gap:10px;margin:0 0 22px;padding:0;list-style:none;display:grid}.learning-checkpoint-list li{background:#f8fbfe;border:1px solid #d2deeb;border-radius:12px;align-items:flex-start;gap:11px;padding:12px 14px;display:flex}.learning-checkpoint-list li>span{color:#fff;background:#dd8a16;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-weight:900;display:grid}.learning-checkpoint-list li.complete>span{background:#22a879}.learning-checkpoint-list li.complete{background:#f1fbf7;border-color:#a9ddca}.learning-checkpoint-list li div{gap:3px;display:grid}.learning-checkpoint-list small{color:#5d7188}.learning-checkpoint-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.learning-checkpoint-actions button{min-height:48px}.learning-checkpoint-note{color:#6b7f94;text-align:center;margin-top:14px;line-height:1.45;display:block}.quick-results-button{color:#145b94!important;background:#f2f8fd!important;border-color:#2577bd!important}.quick-results-banner{color:#183f60;background:#eef8ff;border:1px solid #82bde8;border-left:5px solid #0876c9;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 20px;padding:16px 18px;display:flex}.quick-results-banner>div{gap:4px;display:grid}.quick-results-banner strong{color:#083f6d;font-size:17px}.quick-results-banner span{line-height:1.5}.quick-results-banner button{flex:none}.stage-navigation button.skipped,.truss-workflow-nav button.skipped{color:#526f88!important;background:#eef3f7!important;border-style:dashed!important;border-color:#6d92b2!important}.stage-navigation button.skipped span,.truss-workflow-nav button.skipped span{color:#526f88!important;background:#dce7ef!important}button[aria-disabled=true]{opacity:.78}@media (max-width:560px){.learning-checkpoint-overlay{align-items:end;padding:10px}.learning-checkpoint-modal{border-radius:18px 18px 12px 12px;max-height:92vh;padding:24px 18px}.learning-checkpoint-actions{grid-template-columns:1fr}.learning-checkpoint-actions .btn-secondary{order:2}.quick-results-banner{flex-direction:column;align-items:stretch}.quick-results-banner button{width:100%}}.truss-app{color:#e5eefc;background:#0b1220;min-height:100vh}.truss-main{width:min(1540px,100%);margin:0 auto;padding:34px 28px 70px}.truss-brand{color:inherit;text-decoration:none}.truss-header-inner{max-width:1540px}.lab-switcher{border:1px solid var(--border);background:#111a2b;border-radius:12px;gap:4px;padding:4px;display:flex}.lab-switcher a{color:#93a4bf;white-space:nowrap;border-radius:8px;padding:8px 13px;font-size:13px;font-weight:800;text-decoration:none}.lab-switcher a:hover,.lab-switcher a.active{color:#fff;background:#24436f}.truss-hero{text-align:left;justify-content:space-between;align-items:flex-end;gap:32px;padding:36px 10px 30px;display:flex}.truss-hero span,.truss-section-heading>div>span{color:#5ba0ff;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:900;display:block}.truss-hero h1{color:#fff;margin:11px 0 15px;font-size:clamp(34px,4vw,58px);line-height:1.05}.truss-hero p{color:#9db0cd;font-size:clamp(16px,1.4vw,21px);line-height:1.6}.truss-status{text-align:left;background:#0d253c;border:1px solid #28527f;border-radius:18px;min-width:265px;padding:20px 22px}.truss-status strong,.truss-status span{display:block}.truss-status strong{color:#70b7ff;font-size:20px}.truss-status span{color:#b7c8dc;text-transform:none;letter-spacing:0;margin-top:8px;font-size:13px}.truss-panel{text-align:left;background:#111b2d;border:1px solid #273957;border-radius:20px;margin-bottom:22px;padding:28px;box-shadow:0 18px 45px #0000001f}.truss-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.truss-section-heading h2{color:#fff;margin:5px 0 0;font-size:clamp(24px,2.4vw,34px)}.truss-template-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.truss-template-grid button{color:#fff;text-align:left;cursor:pointer;background:#0d1626;border:1px solid #31435f;border-radius:14px;min-height:115px;padding:18px}.truss-template-grid button:hover,.truss-template-grid button.selected{background:#162c4c;border-color:#3b82f6}.truss-template-grid strong,.truss-template-grid span{display:block}.truss-template-grid strong{font-size:17px}.truss-template-grid span{color:#8fa5c2;margin-top:8px;font-size:13px;line-height:1.45}.truss-toolbar{flex-wrap:wrap;gap:10px;display:flex}.truss-toolbar button:disabled{opacity:.45;cursor:not-allowed}.truss-canvas-shell{background:radial-gradient(circle at 50% 40%,#1c2d49,#0a1322 74%);border:1px solid #304766;border-radius:16px;overflow:hidden}.truss-canvas-shell.is-adding{cursor:crosshair;outline:2px solid #38bdf8}.truss-canvas-shell svg{width:100%;min-height:390px;max-height:580px;display:block}.truss-member line{stroke:#7d8eaa;stroke-width:8px;stroke-linecap:round}.truss-member text{fill:#cbd8ea;text-anchor:middle;paint-order:stroke;stroke:#0a1322;stroke-width:5px;font:700 15px ui-monospace,monospace}.truss-member.tension line{stroke:#3b82f6}.truss-member.compression line{stroke:#f06464}.truss-member.zero line{stroke:#94a3b8;stroke-dasharray:12 10;stroke-width:6px}.truss-joint{cursor:pointer}.truss-joint>circle{fill:#f8fafc;stroke:#14243b;stroke-width:5px}.truss-joint.selected>circle{fill:#fbbf24;stroke:#fff;stroke-width:6px}.truss-joint .joint-label{fill:#fff;paint-order:stroke;stroke:#08111e;stroke-width:5px;font:900 19px Inter,sans-serif}.truss-support{fill:#b9c6d8;stroke:#b9c6d8;stroke-width:3px}.truss-support circle{fill:none}.truss-load{color:#55d6ff;stroke:#55d6ff;fill:#55d6ff;stroke-width:4px}.truss-load text{fill:#73defe;stroke:none;font:800 17px ui-monospace,monospace}.truss-legend{color:#a9bad1;border-top:1px solid #273957;flex-wrap:wrap;justify-content:center;gap:22px;padding:12px 16px;font-size:13px;display:flex}.truss-legend span{align-items:center;gap:7px;display:flex}.truss-legend i{background:#7d8eaa;border-radius:4px;width:24px;height:5px}.truss-legend i.tension{background:#3b82f6}.truss-legend i.compression{background:#f06464}.truss-legend i.zero{background:0 0;border-top:3px dashed #94a3b8;height:0}.truss-instruction{color:#a6b7ce;margin:14px 2px 24px}.truss-editor-grid,.truss-results-grid{grid-template-columns:1.35fr 1fr;gap:20px;display:grid}.truss-editor-grid h3,.truss-results h3{color:#fff;margin:0 0 11px;font-size:19px}.truss-table-scroll{border:1px solid #2d405f;border-radius:12px;overflow:auto}.truss-edit-table,.truss-result-table{border-collapse:collapse;width:100%;min-width:650px}.truss-edit-table th,.truss-edit-table td,.truss-result-table th,.truss-result-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #253754;padding:9px}.truss-edit-table th,.truss-result-table th{color:#8fa7c7;background:#0c1626;font-size:12px}.truss-edit-table input,.truss-edit-table select{color:#e8f1ff;background:#101d30;border:1px solid #344867;border-radius:7px;width:100%;min-width:86px;padding:8px;font:600 13px ui-monospace,monospace}.joint-pick{color:#6db7ff;cursor:pointer;background:0 0;border:0;font-weight:900}.table-delete{color:#ff9ba9;cursor:pointer;background:#321b24;border:1px solid #723b4a;border-radius:7px;width:30px;height:30px;font-size:19px}.validation-strip{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.validation-strip>div{background:#0d1727;border:1px solid #30435f;border-radius:12px;padding:15px}.validation-strip strong,.validation-strip span{display:block}.validation-strip strong{color:#fff;font:800 18px ui-monospace,monospace}.validation-strip span{color:#8fa5c2;margin-top:5px;font-size:12px}.validation-strip .good{border-color:#1f755d}.validation-strip .warn{border-color:#9b6a13}.validation-strip .bad{border-color:#8d3e4b}.truss-alert{border-radius:11px;margin-top:15px;padding:15px 18px;line-height:1.55}.truss-alert ul{margin:5px 0 0 20px}.truss-alert.error{color:#fecdd3;background:#351a24;border:1px solid #7a3447}.truss-alert.warning{color:#fde68a;background:#352a12;border:1px solid #765a19}.truss-alert.success{color:#a7f3d0;background:#123329;border:1px solid #236b55}.truss-analyse:disabled{opacity:.45;cursor:not-allowed}.truss-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;display:grid}.truss-metrics article{background:#0d1727;border:1px solid #304461;border-radius:13px;padding:18px}.truss-metrics span,.truss-metrics strong{display:block}.truss-metrics span{color:#91a6c3;text-transform:uppercase;letter-spacing:.07em;font-size:12px}.truss-metrics strong{color:#fff;margin-top:8px;font:800 19px ui-monospace,monospace}.state-pill{text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;display:inline-block}.state-pill.tension{color:#91c7ff;background:#173a70}.state-pill.compression{color:#ffacb2;background:#51232a}.state-pill.zero{color:#cbd5e1;background:#343f50}.solution-steps{background:#0c1626;border:1px solid #30435f;border-radius:14px;margin-top:22px;padding:22px}.solution-steps ol{color:#b5c5d9;margin:10px 0 0 22px;line-height:1.7}.solution-steps code{color:#dceaff;background:#1c2c43}.equilibrium-check{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.equilibrium-check span{color:#8fd5ff;background:#142841;border-radius:8px;padding:8px 11px;font:700 13px ui-monospace,monospace}@media (max-width:1100px){.truss-template-grid,.truss-metrics{grid-template-columns:repeat(2,1fr)}.truss-editor-grid,.truss-results-grid{grid-template-columns:1fr}.truss-hero{flex-direction:column;align-items:flex-start}.truss-status{width:100%}.truss-header-inner{flex-wrap:wrap;gap:12px}.lab-switcher{order:3;justify-content:center;width:100%}}@media (max-width:680px){.truss-main{padding:20px 12px 50px}.truss-panel{border-radius:14px;padding:17px}.truss-template-grid,.truss-metrics,.validation-strip{grid-template-columns:1fr}.truss-section-heading{flex-direction:column;align-items:flex-start}.truss-toolbar{width:100%}.truss-toolbar button{flex:1}.truss-canvas-shell svg{min-height:300px}.truss-legend{justify-content:flex-start}.truss-hero{padding:22px 4px}.truss-hero h1{font-size:34px}.truss-header-inner{padding:11px 12px}.global-unit-switch button{padding:7px 11px}}.joint-audit{margin-top:22px}.joint-audit>p{color:#a9bad1;margin-bottom:12px}.truss-hero{padding:34px 10px 28px}.truss-hero>div:first-child{max-width:760px}.truss-hero h1{text-wrap:balance;margin:10px 0 13px;font-size:clamp(28px,3vw,44px);line-height:1.12}.truss-hero p{font-size:clamp(15px,1.15vw,19px);line-height:1.58}.truss-section-heading h2{text-wrap:balance;font-size:clamp(22px,2vw,30px);line-height:1.2}.truss-deformed line{stroke:#22d3ee;stroke-width:5px;stroke-dasharray:15 10;opacity:.9;pointer-events:none}.truss-legend i.deformed{background:0 0;border-top:3px dashed #22d3ee;height:0}.result-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.deformation-toggle,.deformation-scale{color:#c5d4e8;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.deformation-toggle input,.deformation-scale input{accent-color:#38bdf8}.deformation-scale input{width:110px}.deformation-scale output{color:#73defe;min-width:38px;font:700 12px ui-monospace,monospace}@media (max-width:1100px){.truss-hero h1{font-size:clamp(29px,4.5vw,38px)}.result-actions{justify-content:flex-start}}@media (max-width:680px){.truss-hero{gap:20px}.truss-hero h1{font-size:clamp(27px,8vw,32px);line-height:1.15}.truss-hero p{font-size:15px}.result-actions{width:100%}.result-actions button{flex:1}.deformation-toggle,.deformation-scale{width:100%}}.truss-canvas-shell.is-moving-load{cursor:grab;outline:2px solid #fbbf24}.truss-canvas-shell.is-moving-load:active{cursor:grabbing}.truss-joint.load-source>circle{fill:#fbbf24;stroke:#fff;stroke-width:7px}.truss-joint.load-source .truss-load{filter:drop-shadow(0 0 8px #fbbf24)}.truss-canvas-shell.is-sketching{cursor:crosshair;outline-offset:-2px;outline:2px solid #38bdf8;position:relative;background-color:#102039!important;background-image:linear-gradient(#7db1e247 2px,#0000 2px),linear-gradient(90deg,#7db1e247 2px,#0000 2px),linear-gradient(#7db1e221 1px,#0000 1px),linear-gradient(90deg,#7db1e221 1px,#0000 1px)!important;background-position:0 0!important;background-size:100px 100px,100px 100px,25px 25px,25px 25px!important}.truss-canvas-shell.is-sketching:before{content:"GRID ON · SNAP 0.25";z-index:4;color:#aee8ff;letter-spacing:.05em;pointer-events:none;background:#08243b;border:1px solid #38bdf8;border-radius:999px;padding:7px 11px;font:800 13px Inter,sans-serif;position:absolute;top:14px;left:16px}.truss-member-preview{pointer-events:none}.truss-member-preview line{stroke:#38bdf8;stroke-width:6px;stroke-dasharray:12 8}.truss-member-preview circle{fill:#38bdf8;stroke:#e0f2fe;stroke-width:3px}.truss-sketch-grid{pointer-events:none}.truss-grid-backdrop{fill:#10223a;opacity:.42}.truss-sketch-grid .truss-grid-minor{stroke:#80a9d4;stroke-width:1px;opacity:.3}.truss-sketch-grid .truss-grid-major{stroke:#9dc9f5;stroke-width:1.6px;opacity:.55}.truss-sketch-grid text{fill:#b8e5ff;paint-order:stroke;stroke:#0a1322;stroke-width:4px;font:800 15px Inter,sans-serif}.custom-builder{background:#10223a;border:1px solid #31527b;border-radius:16px;margin-top:18px;padding:20px}.custom-builder-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.custom-builder-heading h3{margin:4px 0 6px;font-size:1.25rem}.custom-builder-heading p{color:#a9bfda;margin:0}.generator-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.generator-grid label{color:#c9daf0;gap:7px;font-weight:700;display:grid}.generator-grid input,.generator-grid select{color:#fff;background:#0c1729;border:1px solid #385170;border-radius:9px;width:100%;min-height:46px;padding:0 12px;font-size:1rem}.generator-help{color:#9fb8d7;margin:14px 0 0;font-size:.95rem;line-height:1.55}.advanced-editor{background:#0d192b;border:1px solid #314762;border-radius:14px;margin-top:18px;overflow:hidden}.advanced-editor summary{cursor:pointer;color:#dbeafe;padding:16px 18px;font-size:1rem;font-weight:800}.advanced-editor summary:hover{background:#13243b}.advanced-editor .truss-editor-grid{margin-top:0;padding:0 18px 18px}@media (max-width:900px){.generator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.custom-builder-heading{display:grid}.generator-grid{grid-template-columns:1fr}}.load-relocation{background:#0c1626;border:1px solid #304766;border-radius:14px;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 24px;padding:18px;display:grid}.load-relocation>div{grid-template-columns:repeat(3,minmax(120px,1fr)) auto;align-items:end;gap:10px;display:grid}.load-relocation label{color:#a9bad1;gap:6px;font-size:12px;font-weight:700;display:grid}.load-relocation select,.load-relocation input{color:#e8f1ff;background:#101d30;border:1px solid #344867;border-radius:8px;width:100%;padding:9px}.load-relocation .control-kicker{color:#5ba0ff;text-transform:uppercase;letter-spacing:.1em;grid-column:1/-1;font-size:11px;font-weight:900}.load-relocation small{color:#8397b4;grid-column:1/-1;line-height:1.45}@media (max-width:1100px){.load-relocation{grid-template-columns:1fr}.load-relocation>div{grid-template-columns:repeat(3,1fr) auto}}@media (max-width:680px){.load-relocation>div{grid-template-columns:1fr}.load-relocation .btn-secondary{width:100%}}.load-assignment-grid{grid-template-columns:minmax(280px,.75fr) minmax(520px,1.5fr);gap:18px;margin-bottom:18px;display:grid}.directional-load-card,.load-register{background:#0c1626;border:1px solid #304766;border-radius:14px;padding:20px}.control-kicker{color:#5ba0ff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;font-size:12px;font-weight:900;display:block}.directional-load-card label{color:#b7c7dc;gap:7px;margin-top:12px;font-size:13px;font-weight:800;display:grid}.directional-load-card select,.directional-load-card input{color:#f0f6ff;background:#101d30;border:1px solid #344867;border-radius:9px;width:100%;padding:11px;font:700 15px ui-monospace,monospace}.direction-picker{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px;display:grid}.direction-picker button{color:#b8c7da;cursor:pointer;background:#101d30;border:1px solid #344867;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:58px;display:flex}.direction-picker button:hover,.direction-picker button.selected{color:#fff;background:#17345b;border-color:#4b93ff;box-shadow:inset 0 0 0 1px #4b93ff}.direction-picker strong{font-size:27px;line-height:1}.direction-picker span{font-size:14px;font-weight:900}.load-card-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.load-register .truss-edit-table{min-width:720px}.truss-load-step .load-relocation{margin-top:18px}.truss-load-step .truss-instruction{margin-top:-7px}@media (max-width:1100px){.load-assignment-grid{grid-template-columns:1fr}.load-register{min-width:0}}@media (max-width:680px){.load-assignment-grid{display:block}.directional-load-card{margin-bottom:14px}.load-card-actions{grid-template-columns:1fr}.direction-picker button{min-height:54px}}@media (min-width:1024px){.truss-header-inner{min-height:96px}.lab-switcher{border-radius:14px;padding:5px}.lab-switcher a{border-radius:10px;align-items:center;min-height:50px;padding:11px 23px;font-size:19px;line-height:1.2;display:flex}.truss-main{padding-top:28px}.truss-panel{padding:32px}.truss-section-heading>div>span{font-size:14px}.truss-section-heading h2{font-size:clamp(28px,2.2vw,38px)}.truss-template-grid strong{font-size:19px}.truss-template-grid span{font-size:14px}.truss-instruction{font-size:16px;line-height:1.6}.truss-edit-table th,.truss-result-table th{font-size:13px}.truss-edit-table td,.truss-result-table td,.truss-edit-table input,.truss-edit-table select{font-size:15px}}.truss-reset-button{white-space:nowrap;justify-content:center;align-items:center;gap:7px;display:inline-flex}@media (min-width:900px){.truss-reset-button{border-radius:13px!important;min-height:60px!important;padding:12px 20px!important;font-size:19px!important;font-weight:700!important;line-height:1.2!important}.truss-reset-button>span:first-child{font-size:20px!important}}.truss-reaction{color:#34d399;stroke:#34d399;fill:#34d399;stroke-width:4px;pointer-events:none}.truss-reaction text{fill:#6ee7b7;stroke:#08111e;stroke-width:4px;paint-order:stroke;font:900 15px ui-monospace,monospace}.truss-legend i.reaction{background:0 0;border-top:3px solid #34d399;height:0}.reaction-summary{background:#0c1f1c;border:1px solid #27634f;border-radius:14px;margin:0 0 22px;padding:20px}.reaction-summary>h3{margin:0 0 5px}.reaction-summary>p{color:#94b8aa;margin:0 0 15px;font-size:13px}.reaction-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.reaction-summary-grid article{background:#0c1722;border:1px solid #285c4c;border-radius:12px;padding:16px}.reaction-summary-grid article>div:first-child{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.reaction-summary-grid article>div:first-child strong{color:#fff}.reaction-summary-grid article>div:first-child span{color:#6ee7b7;font-size:12px}.reaction-summary dl{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;display:grid}.reaction-summary dl div{background:#102a27;border-radius:8px;padding:9px}.reaction-summary dt{color:#83a99d;text-transform:uppercase;font-size:11px}.reaction-summary dd{color:#fff;margin:5px 0 0;font:800 13px ui-monospace,monospace}@media (max-width:900px){.reaction-summary-grid{grid-template-columns:1fr}}@media (max-width:680px){.reaction-summary dl{grid-template-columns:repeat(2,1fr)}.truss-reaction text{font-size:13px}}@media screen and (min-width:900px){.truss-app .truss-main{padding:34px 34px 84px}.truss-app .truss-panel{border-radius:22px;margin-bottom:28px;padding:34px 36px}.truss-app .truss-section-heading{gap:24px;margin-bottom:25px}.truss-app .truss-section-heading>div>span,.truss-app .control-kicker{line-height:1.4;font-size:14px!important}.truss-app .truss-section-heading h2{line-height:1.22;font-size:34px!important}.truss-app .truss-instruction{margin-bottom:26px;line-height:1.65;font-size:18px!important}.truss-app .load-assignment-grid{grid-template-columns:minmax(330px,.8fr) minmax(560px,1.45fr);gap:24px;margin-bottom:24px}.truss-app .directional-load-card,.truss-app .load-register{border-radius:17px;padding:26px}.truss-app .directional-load-card label{gap:9px;margin-top:16px;font-size:17px!important}.truss-app .directional-load-card select,.truss-app .directional-load-card input{min-height:54px;padding:12px 14px;font-size:18px!important}.truss-app .direction-picker{gap:12px;margin-top:20px}.truss-app .direction-picker button{min-height:62px;padding:10px 14px}.truss-app .direction-picker strong{font-size:29px}.truss-app .direction-picker span{font-size:17px!important}.truss-app .load-card-actions{gap:12px;margin-top:20px}.truss-app .load-card-actions button{min-height:54px;font-size:17px!important}.truss-app .truss-table-scroll{border-radius:14px}.truss-app .truss-edit-table th,.truss-app .truss-result-table th{padding:12px 11px;line-height:1.35;font-size:14px!important}.truss-app .truss-edit-table td,.truss-app .truss-result-table td{padding:11px;font-size:16px!important}.truss-app .truss-edit-table input,.truss-app .truss-edit-table select{min-height:43px;padding:9px 10px;font-size:16px!important}.truss-app .load-relocation{border-radius:17px;gap:22px;margin-bottom:26px;padding:24px}.truss-app .load-relocation>div{gap:13px}.truss-app .load-relocation .control-kicker{font-size:14px!important}.truss-app .load-relocation label{gap:8px;font-size:15px!important}.truss-app .load-relocation select,.truss-app .load-relocation input{min-height:48px;padding:10px 12px;font-size:16px!important}.truss-app .load-relocation button{min-height:48px;font-size:16px!important}.truss-app .load-relocation small{font-size:14px;line-height:1.55}.truss-app .validation-strip{gap:16px}.truss-app .validation-strip>div{min-height:94px;padding:19px}.truss-app .validation-strip strong{font-size:21px!important}.truss-app .validation-strip span{margin-top:7px;line-height:1.4;font-size:15px!important}.truss-app .truss-analyse{min-width:180px;min-height:54px;padding:12px 20px;font-weight:800;font-size:18px!important}.truss-app .advanced-editor summary{padding:18px 20px;font-size:17px!important}}@media screen and (min-width:900px) and (max-width:1180px){.truss-app .load-assignment-grid,.truss-app .load-relocation{grid-template-columns:1fr}}.truss-community{scroll-margin-top:120px}.truss-workflow-nav{z-index:20;background:#081120f7;border-bottom:1px solid #29405f;justify-content:center;gap:10px;padding:14px 24px;display:flex;position:sticky;top:0;overflow-x:auto}.truss-workflow-nav button{color:#dceaff;white-space:nowrap;cursor:pointer;background:#121d30;border:1px solid #334a6c;border-radius:12px;align-items:center;gap:9px;min-height:48px;padding:9px 17px;font-size:clamp(15px,1vw,18px);font-weight:750;display:inline-flex}.truss-workflow-nav button:hover{background:#172a47;border-color:#3b82f6}.truss-workflow-nav button:focus-visible{background:#172a47;border-color:#3b82f6}.truss-workflow-nav button span{color:#fff;background:#2878ed;border-radius:50%;place-items:center;width:29px;height:29px;font-size:14px;display:grid}.truss-workflow-nav button.disabled{opacity:.48;cursor:not-allowed}@media (max-width:720px){.truss-workflow-nav{justify-content:flex-start;padding:10px 12px}.truss-workflow-nav button{min-height:43px;padding:7px 12px;font-size:14px}}.truss-community .community.card{margin:0}.lab-type-tag{color:#8fc4ff;letter-spacing:.04em;text-transform:uppercase;border:1px solid #31517b;border-radius:999px;align-items:center;padding:3px 9px;font-size:12px;font-weight:800;display:inline-flex}.truss-member .member-hit-area{cursor:pointer;pointer-events:stroke;stroke:#0000!important;stroke-width:28px!important}.truss-member.selected line:not(.member-hit-area){stroke:#fbbf24;filter:drop-shadow(0 0 7px #fbbf24bf)}.truss-canvas-shell.is-moving-joint .truss-joint{cursor:grab}.truss-canvas-shell.is-moving-joint .truss-joint:active{cursor:grabbing}.truss-delete-member{color:#ffd8dc;min-height:44px;font:inherit;cursor:pointer;background:#7f1d1d3d;border:1px solid #ef6a73;border-radius:9px;padding:9px 15px;font-weight:750}.truss-delete-member:disabled{opacity:.42;cursor:not-allowed}.board-edit-status{color:#b8d7ff;background:#18315280;border:1px solid #31517b;border-radius:10px;align-items:center;gap:16px;margin-top:12px;padding:12px 15px;display:flex}.board-edit-status strong{color:#fff;flex:none}.selected-member-tools{background:#101d31;border:1px solid #294464;border-radius:10px;grid-template-columns:minmax(260px,1.6fr) repeat(2,minmax(150px,.7fr)) auto;align-items:end;gap:12px;margin-top:10px;padding:14px;display:grid}.selected-member-tools p{color:#9fc4ef;margin:4px 0 0}.selected-member-tools label{color:#b8d7ff;gap:6px;font-weight:700;display:grid}.selected-member-tools input{width:100%}.geometry-inspector{background:#0a192d9e;border:1px solid #31517b;border-radius:12px;margin-top:18px;padding:18px}.geometry-inspector h3{margin:5px 0 4px}.geometry-inspector p{color:#9fc4ef;margin:0 0 14px}.geometry-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.geometry-report-grid .truss-table-scroll{border:1px solid #294464;border-radius:9px;max-height:330px}.verification-pass{color:#67e8a5;font-weight:800}.verification-review{color:#fbbf24;font-weight:800}@media (max-width:850px){.board-edit-status{flex-direction:column;align-items:flex-start;gap:5px}.geometry-report-grid,.selected-member-tools{grid-template-columns:1fr}}.truss-mode-selector{background:#fff;border:1px solid #bfd0e1;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;width:min(100% - 32px,1480px);margin:14px auto 0;padding:16px 18px;display:flex;box-shadow:0 8px 24px #10233f12}.truss-mode-selector>div:first-child{gap:3px;display:grid}.truss-mode-selector>div:first-child>span{color:#1261a6;letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:900}.truss-mode-selector>div:first-child>strong{color:#10233f;font-size:18px}.truss-mode-selector p{color:#52677f;margin:0;font-size:13px;line-height:1.4}.truss-mode-selector>div:last-child{background:#f1f6fb;border:1px solid #cbd8e3;border-radius:11px;grid-template-columns:repeat(2,minmax(150px,1fr));gap:5px;padding:5px;display:grid}.truss-mode-selector button{color:#40566f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;min-height:42px;padding:8px 14px;font-weight:800}.truss-mode-selector button.active{color:#fff;background:#0877c4;border-color:#287ef0;box-shadow:0 5px 12px #0877c433}.truss-template-workstation{gap:16px;min-width:0;display:grid}.truss-template-preview,.truss-template-choices{min-width:0}.learning-path-intro{color:#17324f;background:#eef7ff;border:1px solid #86baf0;border-left:5px solid #0877c4;border-radius:11px;gap:5px;margin:-4px 0 18px;padding:14px 16px;display:grid}.learning-path-intro strong{color:#075f9f;font-size:15px}.learning-path-intro span{line-height:1.5}.template-learning-path{gap:20px;display:grid}.template-level{gap:11px;display:grid}.template-level-heading{align-items:flex-start;gap:11px;display:flex}.template-level-heading>span{color:#075f9f;letter-spacing:.06em;text-transform:uppercase;background:#dceeff;border-radius:999px;flex:none;padding:5px 9px;font-size:11px;font-weight:900}.template-level-heading h3{color:#10233f;margin:0;font-size:16px}.template-level-heading p{color:#52677f;margin:3px 0 0;font-size:13px;line-height:1.4}.truss-template-choices .truss-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.truss-template-choices .truss-template-grid button{color:#10233f;background:#fff;border-color:#b9cadc;flex-direction:column;min-height:252px;padding:14px;display:flex}.truss-template-choices .truss-template-grid button:hover,.truss-template-choices .truss-template-grid button.selected{background:#eef6ff;border-color:#287ef0;box-shadow:0 7px 18px #1261a61f}.template-miniature{background:#f3f8fd;border-radius:8px;width:100%;height:74px;margin-bottom:8px;display:block}.template-miniature line{stroke:#385575;stroke-width:3px;stroke-linecap:round}.template-miniature circle{fill:#fff;stroke:#163b64;stroke-width:2px}.template-miniature circle.support-node{fill:#bdebd6;stroke:#087a55}.template-card-meta{justify-content:space-between;gap:8px;margin-bottom:8px;display:flex}.truss-template-grid .template-card-meta span{color:#1261a6;margin:0;font-size:11px;font-weight:850}.truss-template-grid .template-description{color:#40566f;margin-top:6px;font-size:13px;line-height:1.4}.truss-template-grid button small{color:#294661;margin-top:auto;padding-top:10px;font-size:12px;line-height:1.42;display:block}.selected-lesson-summary{background:#f7fbfe;border:1px solid #b9cadc;border-radius:11px;gap:4px;margin-top:18px;padding:14px 16px;display:grid}.selected-lesson-summary>span{color:#1261a6;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.selected-lesson-summary strong{color:#10233f;font-size:17px}.selected-lesson-summary p{color:#40566f;margin:0;line-height:1.45}.guided-step-note{color:#294661;background:#eef7ff;border:1px solid #86baf0;border-radius:10px;gap:4px;min-width:0;padding:12px 14px;line-height:1.45;display:grid}.guided-step-note strong{color:#075f9f}.concept-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.concept-check-grid article{background:#fff;border:1px solid #c8d8e8;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.concept-check-grid article>span{color:#075f9f;background:#dceeff;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.concept-check-grid strong{color:#17324f}.concept-check-grid p{color:#52677f;margin:3px 0 0;font-size:12px;line-height:1.4}.prediction-workbench{background:#fffaf0;border:1px solid #b8cde1;border-top:4px solid #f0a91d;border-radius:12px;gap:13px;min-width:0;padding:16px;display:grid}.prediction-workbench h3{color:#10233f;margin:4px 0}.prediction-workbench p{color:#52677f;margin:0;font-size:13px;line-height:1.45}.prediction-fields{gap:10px;display:grid}.prediction-fields label{color:#294661;gap:6px;font-size:12px;font-weight:800;display:grid}.prediction-fields select{color:#10233f;background:#fff;border:1px solid #aebfd1;border-radius:8px;width:100%;min-height:42px;padding:8px 10px}.analysis-readiness{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:17px;display:grid}.manual-analysis-workspace{background:#f8fbfe;border:1px solid #b7cbe0;border-radius:14px;gap:16px;margin-bottom:18px;padding:18px;display:grid}.manual-analysis-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.manual-analysis-heading h3{color:#10233f;margin:4px 0;font-size:20px}.manual-analysis-heading p{color:#52677f;max-width:760px;margin:0;line-height:1.45}.method-switch{background:#eaf1f7;border:1px solid #c4d4e4;border-radius:10px;flex:none;grid-template-columns:repeat(2,minmax(150px,1fr));gap:5px;padding:5px;display:grid}.method-switch button{color:#40566f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;min-height:42px;padding:8px 12px;font-weight:800}.method-switch button.active{color:#fff;background:#0877c4;border-color:#287ef0}.reaction-practice,.member-practice{background:#fff;border:1px solid #cbd8e3;border-radius:11px;gap:14px;padding:15px;display:grid}.reaction-practice>div:first-child,.member-practice-guide{align-items:flex-start;gap:11px;display:flex}.practice-number{color:#075f9f;background:#dceeff;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.reaction-practice strong,.member-practice strong{color:#17324f}.reaction-practice p,.member-practice p{color:#52677f;margin:4px 0 0;font-size:13px;line-height:1.4}.reaction-practice-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.reaction-practice-fields label,.member-practice-setup label,.member-answer-fields label{color:#294661;gap:6px;font-size:12px;font-weight:800;display:grid}.reaction-practice-fields input,.member-answer-fields input,.member-practice-setup select,.member-answer-fields select{color:#10233f;background:#fff;border:1px solid #aebfd1;border-radius:8px;width:100%;min-height:42px;padding:8px 10px}.member-practice-setup{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.connected-members{background:#f4f8fc;border:1px solid #cad9e7;border-radius:8px;align-content:center;gap:4px;min-height:70px;padding:10px 12px;display:grid}.connected-members>span{color:#52677f;text-transform:uppercase;font-size:11px;font-weight:800}.connected-members small{color:#52677f;line-height:1.35}.member-answer-fields{grid-template-columns:1.1fr 1fr 1fr auto;align-items:end;gap:11px;display:grid}.member-answer-fields button{min-height:42px}.manual-attempt-register{gap:10px;display:grid}.manual-attempt-register>div:first-child{color:#17324f;justify-content:space-between;gap:12px;display:flex}.manual-attempt-register>div:first-child span{color:#1261a6;font-size:12px;font-weight:800}.manual-attempt-register table,.practice-comparison-table{border-collapse:collapse;width:100%;min-width:720px}.manual-attempt-register th,.manual-attempt-register td,.practice-comparison-table th,.practice-comparison-table td{color:#17324f;text-align:left;white-space:nowrap;border-bottom:1px solid #d5e0ea;padding:10px}.manual-attempt-register th,.practice-comparison-table th{color:#40566f;text-transform:uppercase;background:#edf4fa;font-size:11px}.analysis-readiness article{background:#f8fbfe;border:1px solid #c8d8e8;border-radius:11px;align-items:flex-start;gap:10px;min-width:0;padding:14px;display:flex}.analysis-readiness article>span{border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;font-weight:900;display:grid}.analysis-readiness article.ready>span{color:#087a55;background:#d5f5e7}.analysis-readiness article.review>span{color:#9a5c00;background:#fff0c9}.analysis-readiness strong{color:#17324f;font-size:14px}.analysis-readiness p{color:#52677f;margin:4px 0 0;font-size:12px;line-height:1.35}.result-learning-tabs{background:#eef4f9;border:1px solid #c5d5e5;border-radius:11px;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:0 0 18px;padding:5px;display:grid}.result-learning-tabs button{color:#40566f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;min-height:43px;padding:8px;font-weight:800}.result-learning-tabs button.active{color:#fff;background:#0877c4;border-color:#287ef0}.prediction-review{background:#f7fbfe;border:1px solid #b8cde1;border-radius:12px;gap:12px;margin:0 0 18px;padding:16px;display:grid}.prediction-review h3{color:#10233f;margin:4px 0 0}.prediction-review>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.prediction-review article{background:#fff;border:1px solid #cbd8e3;border-radius:9px;gap:5px;padding:12px;display:grid}.prediction-review article>span{color:#52677f;text-transform:uppercase;font-size:11px;font-weight:800}.prediction-review article>strong{color:#10233f}.prediction-review article>small{color:#1261a6;line-height:1.35}.practice-comparison{gap:14px;display:none}.practice-comparison h3{color:#10233f;margin:4px 0}.practice-comparison>div:first-child p{color:#52677f;margin:0;line-height:1.45}.reaction-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.reaction-comparison-grid article{background:#f7fbfe;border:1px solid #cbd8e3;border-radius:10px;gap:5px;padding:14px;display:grid}.reaction-comparison-grid article>span{color:#52677f;text-transform:uppercase;font-size:11px;font-weight:800}.reaction-comparison-grid article>strong{color:#10233f;font-size:17px}.reaction-comparison-grid article>small{color:#1261a6}.empty-practice-result{color:#40566f;background:#f8fbfe;border:1px dashed #aebfd1;border-radius:10px;gap:4px;padding:16px;display:grid}.empty-practice-result strong{color:#17324f}.mode-guided .truss-geometry-step .truss-toolbar,.mode-guided .truss-geometry-step .board-edit-status,.mode-guided .truss-geometry-step .selected-member-tools,.mode-guided .truss-geometry-step .truss-instruction,.mode-guided .truss-geometry-step .geometry-inspector,.mode-guided .truss-geometry-step .advanced-editor,.mode-guided .truss-load-step .load-register,.mode-guided .truss-load-step .load-relocation,.result-view-overview .reaction-summary,.result-view-overview .practice-comparison,.result-view-overview .truss-results-grid,.result-view-overview .solution-steps,.result-view-overview .joint-audit,.result-view-reactions .truss-results-canvas,.result-view-reactions .truss-metrics,.result-view-reactions .prediction-review,.result-view-reactions .practice-comparison,.result-view-reactions .truss-results-grid,.result-view-reactions .solution-steps,.result-view-reactions .joint-audit,.result-view-forces .truss-results-canvas,.result-view-forces .truss-metrics,.result-view-forces .prediction-review,.result-view-forces .practice-comparison,.result-view-forces .reaction-summary,.result-view-forces .solution-steps,.result-view-forces .joint-audit,.result-view-forces .displacement-results,.result-view-displacements .truss-results-canvas,.result-view-displacements .truss-metrics,.result-view-displacements .prediction-review,.result-view-displacements .practice-comparison,.result-view-displacements .reaction-summary,.result-view-displacements .solution-steps,.result-view-displacements .joint-audit,.result-view-displacements .member-force-results{display:none!important}.result-view-forces .truss-results-grid,.result-view-displacements .truss-results-grid{grid-template-columns:1fr!important}.result-view-verification .truss-results-canvas,.result-view-verification .truss-metrics,.result-view-verification .prediction-review,.result-view-verification .practice-comparison,.result-view-verification .reaction-summary,.result-view-verification .truss-results-grid{display:none!important}.result-view-practice .practice-comparison{display:grid!important}.result-view-practice .truss-results-canvas,.result-view-practice .truss-metrics,.result-view-practice .prediction-review,.result-view-practice .reaction-summary,.result-view-practice .truss-results-grid,.result-view-practice .solution-steps,.result-view-practice .joint-audit{display:none!important}@media (min-width:1051px){.truss-geometry-step>.guided-step-note,.truss-load-step>.guided-step-note{grid-column:1}}.truss-template-preview{background:#f7fbfe;border:1px solid #cbd8e3;border-radius:15px;padding:14px;box-shadow:0 10px 28px #10233f14}.truss-template-preview-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.truss-template-preview-heading .control-kicker{margin-bottom:4px}.truss-template-preview-heading h3{color:#10233f;margin:0;font-size:19px}.truss-template-preview-heading .control-kicker{color:#1261a6!important}.template-live-badge{border:1px solid color-mix(in srgb, var(--accent,#3b82f6) 55%, var(--border,#304766));color:#1261a6;background:#e8f4fd;border-radius:999px;flex:none;align-items:center;gap:7px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.template-live-badge i{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #34d3991f}.truss-workflow-nav button.active{color:#fff;background:#1f4e86;border-color:#4b93ff;box-shadow:inset 0 0 0 1px #93c5fd47}.truss-workflow-nav button.complete span{background:#167a5c}.truss-step-actions{border-top:1px solid #2d405f;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:18px;display:flex}.truss-step-actions button{min-height:46px}.truss-load-live-canvas{background:#f7fbfe;border:1px solid #cbd8e3;border-radius:15px;min-width:0;padding:14px;box-shadow:0 10px 28px #10233f14}.truss-load-live-canvas>.control-kicker{margin:0 0 10px;color:#1261a6!important}@media (min-width:1051px){.truss-template-workstation{grid-template-columns:minmax(430px,1.05fr) minmax(480px,.95fr);grid-template-areas:"choices preview";align-items:start}.truss-template-choices{grid-area:choices}.truss-template-preview{top:calc(var(--workstation-header-height) + 84px);grid-area:preview;position:sticky}.truss-template-choices .truss-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.truss-geometry-step{grid-template-columns:minmax(360px,.82fr) minmax(500px,1.18fr);align-items:start;gap:16px;display:grid}.truss-geometry-step>.truss-section-heading,.truss-geometry-step>.geometry-inspector,.truss-geometry-step>.advanced-editor,.truss-geometry-step>.truss-step-actions{grid-column:1/-1}.truss-geometry-step>.truss-canvas-shell{z-index:auto;grid-area:2/2/span 3;align-self:start;position:static;top:auto}.truss-geometry-step>.board-edit-status,.truss-geometry-step>.selected-member-tools,.truss-geometry-step>.truss-instruction{grid-column:1;margin-top:0}.truss-geometry-step>.selected-member-tools{grid-template-columns:1fr}.truss-load-step{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:16px;display:grid}.truss-load-step>*,.truss-load-step .load-assignment-grid,.truss-load-step .directional-load-card,.truss-load-step .load-register,.truss-load-step .load-relocation,.truss-load-step .truss-table-scroll,.truss-load-step .truss-load-live-canvas{min-width:0;max-width:100%}.truss-load-step>.truss-section-heading{grid-column:1/-1}.truss-load-step>.truss-load-live-canvas{z-index:auto;grid-area:2/2/span 4;align-self:start;width:100%;position:static;top:auto;overflow:hidden}.truss-load-step>.truss-instruction,.truss-load-step>.load-assignment-grid,.truss-load-step>.load-relocation,.truss-load-step>.truss-step-actions{grid-column:1;margin-top:0}.truss-load-step>.load-assignment-grid,.truss-load-step>.load-relocation{grid-template-columns:1fr;width:100%}.truss-load-step .truss-table-scroll{overscroll-behavior-inline:contain;overflow-x:auto}}@media (max-width:1050px){.truss-load-live-canvas{margin-bottom:16px}}@media (max-width:680px){.truss-mode-selector{flex-direction:column;align-items:stretch}.truss-mode-selector>div:last-child,.concept-check-grid,.analysis-readiness,.prediction-review>div:last-child{grid-template-columns:1fr}.result-learning-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-analysis-heading{flex-direction:column}.method-switch{grid-template-columns:1fr;width:100%}.reaction-practice-fields,.member-practice-setup,.member-answer-fields,.reaction-comparison-grid,.truss-template-choices .truss-template-grid{grid-template-columns:1fr}.truss-template-choices .truss-template-grid button{min-height:226px}.truss-template-preview{padding:10px}.truss-template-preview-heading{align-items:flex-start}.template-live-badge{padding:6px 8px;font-size:11px}.truss-step-actions{grid-template-columns:1fr;display:grid}.truss-step-actions>span:empty{display:none}.truss-step-actions button{width:100%}}.truss-member .member-label{fill:#f8fafc;text-anchor:middle;dominant-baseline:central;paint-order:stroke fill;stroke:#08111e;stroke-width:7px;stroke-linejoin:round;pointer-events:none;font:800 22px ui-monospace,SFMono-Regular,Consolas,monospace}.truss-joint .joint-label{stroke-width:7px;stroke-linejoin:round;paint-order:stroke fill;pointer-events:none;font-size:24px}.truss-load text{stroke:#08111e;stroke-width:6px;stroke-linejoin:round;paint-order:stroke fill;pointer-events:none;font-size:22px}.benam-preview{--navy:#03213b;--navy2:#06192c;--blue:#0076d6;--blue2:#005fae;--ink:#111827;--muted:#526170;--line:#d0d7df;--soft:#f4f7fa;--gold:#c19b00;min-height:100vh;color:var(--ink);background:#fff;font-family:Open Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.benam-preview *{box-sizing:border-box}.preview-header{z-index:20;background:#fff;border-bottom:1px solid #e3e8ed;grid-template-columns:auto 1fr auto;align-items:center;gap:38px;min-height:72px;padding:10px clamp(22px,5vw,78px);display:grid;position:sticky;top:0}.preview-brand{color:#0877c4;white-space:nowrap;align-items:center;gap:10px;font-size:21px;font-weight:750;text-decoration:none;display:flex}.preview-brand img{object-fit:contain;width:44px;height:44px}.preview-header nav{align-items:center;gap:30px;display:flex}.preview-header nav a{color:#526170;font-size:14px;font-weight:650;text-decoration:none}.preview-header nav a:hover{color:var(--blue)}.preview-header-actions,.preview-hero-actions{align-items:center;gap:12px;display:flex}.preview-signin,.preview-plan-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;padding:11px 18px;font-weight:700;text-decoration:none}.preview-primary{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:13px 24px;font-weight:750;text-decoration:none;display:inline-flex;box-shadow:0 8px 24px #0076d62e}.preview-primary:hover{background:var(--blue2)}.preview-hero-lab-action{width:268px;min-height:52px}.preview-small{padding:10px 17px;font-size:14px}.preview-hero{background:var(--navy);color:#fff;grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr);align-items:center;gap:clamp(30px,5vw,78px);min-height:670px;padding:72px clamp(24px,6vw,90px);display:grid}.preview-eyebrow,.preview-section-heading>span,.preview-lab-grid article>span{color:#55b8ff;letter-spacing:.15em;font-size:12px;font-weight:850;display:block}.benam-preview .preview-hero h1{-webkit-text-fill-color:#fff;letter-spacing:-.045em;max-width:790px;margin:15px 0 19px;font-size:clamp(44px,5.2vw,78px);line-height:1.03;color:#fff!important}.preview-hero-copy>p{color:#b8c7d5;max-width:720px;margin:0 0 30px;font-size:18px;line-height:1.65}.preview-outline{color:#fff;border:1px solid #52708a;border-radius:6px;justify-content:center;align-items:center;padding:13px 24px;font-weight:700;text-decoration:none;display:inline-flex}.preview-trust-line{color:#b8c7d5;flex-wrap:wrap;gap:24px;margin-top:30px;font-size:13px;display:flex}.preview-model-card{background:#082943;border:1px solid #31536e;border-radius:12px;overflow:hidden;box-shadow:0 28px 80px #00000045}.preview-model-top{border-bottom:1px solid #31536e;justify-content:space-between;gap:16px;padding:17px 20px;display:flex}.preview-model-top span{color:#55b8ff;letter-spacing:.12em;font-size:11px;font-weight:850}.preview-model-card svg{width:100%;height:auto;padding:18px;display:block}.preview-model-metrics{border-top:1px solid #31536e;grid-template-columns:repeat(3,1fr);display:grid}.preview-model-metrics div{border-right:1px solid #31536e;gap:4px;padding:15px 18px;display:grid}.preview-model-metrics div:last-child{border:0}.preview-model-metrics span{color:#8fa7bb;font-size:12px}.preview-model-metrics strong{font-size:17px}.preview-model-metrics sub{font-size:.72em;line-height:0}.preview-section{padding:82px clamp(24px,6vw,90px)}.preview-section-heading{text-align:center;max-width:760px;margin:0 auto 42px}.preview-section-heading>span{color:var(--blue)}.preview-section-heading h2,.preview-feature-band h2,.preview-trust h2{letter-spacing:-.035em;margin:11px 0 12px;font-size:clamp(32px,4vw,52px);line-height:1.1}.preview-section-heading p,.preview-trust p{color:var(--muted);line-height:1.65}.preview-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1180px;margin:auto;display:grid}.preview-lab-grid article{background:linear-gradient(#fff 0%,#fbfdff 100%);border:1px solid #cbd8e3;border-radius:16px;flex-direction:column;min-width:0;padding:30px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 42px #03213b14}.preview-lab-grid article:before{content:"";background:linear-gradient(90deg,var(--blue),#55b8ff);height:5px;position:absolute;top:0;bottom:auto;left:0;right:0}.preview-lab-grid article:hover{border-color:#8fc3e8;transform:translateY(-4px);box-shadow:0 22px 52px #03213b21}.preview-lab-card-top{align-items:center;gap:14px;margin-bottom:22px;display:flex}.preview-lab-icon{width:52px;height:52px;color:var(--blue);background:#e8f4fd;border:1px solid #b9d9f1;border-radius:12px;flex:0 0 52px;place-items:center;font-size:26px;font-weight:900;display:grid}.preview-lab-card-top>span{letter-spacing:.15em;font-weight:850;color:#1261a6!important;font-size:12px!important}.preview-lab-grid h3{max-width:520px;color:var(--navy);letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(25px,2.25vw,32px);line-height:1.18}.preview-lab-grid p{max-width:560px;color:var(--muted);margin:0 0 20px;font-size:15px;line-height:1.65}.preview-lab-features{flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none;display:flex}.preview-lab-features li{color:#35536d;background:#f2f8fc;border:1px solid #d4e3ee;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.preview-lab-grid .preview-lab-action{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:50px;margin-top:auto;padding:12px 16px;font-weight:800;text-decoration:none;transition:background .18s,transform .18s;display:flex;box-shadow:0 8px 20px #0076d629}.preview-lab-grid .preview-lab-action:hover{background:var(--blue2);transform:translateY(-1px)}.preview-lab-action b{background:#ffffff29;border-radius:50%;place-items:center;width:28px;height:28px;font-size:17px;display:grid}.preview-feature-band{background:var(--navy);color:#fff;padding:80px clamp(24px,6vw,90px)}.preview-feature-band>div:first-child{max-width:700px;margin-bottom:38px}.benam-preview .preview-feature-band h2,.benam-preview .preview-feature-band h3{-webkit-text-fill-color:#fff;margin:12px 0;color:#fff!important}.preview-feature-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.preview-feature-grid article{background:#082943;border:1px solid #31536e;border-radius:9px;padding:25px}.preview-feature-grid b{color:#55b8ff;font-size:13px}.preview-feature-grid h3{font-size:20px}.preview-feature-grid p{color:#b8c7d5;font-size:14px;line-height:1.55}.preview-pricing{background:var(--soft)}.preview-billing{border:1px solid var(--line);background:#fff;border-radius:999px;width:max-content;margin:-15px auto 32px;padding:5px}.preview-billing button{background:0 0;border:0;border-radius:999px;padding:10px 18px;font-weight:750}.preview-billing button.active{background:var(--navy);color:#fff}.preview-billing em{color:#7b6300;margin-left:5px;font-size:10px;font-style:normal}.preview-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;max-width:1200px;margin:auto;display:grid}.preview-plan-grid article{border:1px solid var(--line);background:#fff;border-radius:9px;flex-direction:column;padding:30px;display:flex;position:relative}.preview-plan-grid article.featured{border:2px solid var(--blue);box-shadow:0 22px 55px #0076d621}.preview-popular{background:var(--blue);color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;position:absolute;top:18px;right:18px}.preview-plan-grid h3{margin:0 0 18px;font-size:25px}.preview-price strong{font-size:42px}.preview-price span{color:var(--muted)}.preview-plan-grid p{min-height:96px;color:var(--muted);line-height:1.55}.preview-plan-grid hr{border:0;border-top:1px solid var(--line);width:100%}.preview-plan-grid ul{gap:13px;margin:20px 0 28px;padding:0;font-size:14px;list-style:none;display:grid}.preview-plan-grid li{color:#344150}.preview-plan-grid li:first-letter{color:#2e9b43}.preview-plan-grid a{margin-top:auto}.preview-currency-note{max-width:900px;color:var(--muted);text-align:center;margin:22px auto 0;font-size:13px;line-height:1.55}.preview-comparison{background:#fff}.preview-table-wrap{border:1px solid var(--line);border-radius:9px;max-width:1050px;margin:auto;overflow:auto}.preview-table-wrap table{border-collapse:collapse;width:100%;min-width:640px}.preview-table-wrap th,.preview-table-wrap td{text-align:center;border-bottom:1px solid #e4e8ec;padding:17px 20px}.preview-table-wrap th:first-child,.preview-table-wrap td:first-child{text-align:left}.preview-table-wrap thead{background:var(--navy);color:#fff}.preview-check{color:#2e9b43;font-weight:900}.preview-dash{color:#aab4bd}.preview-faq{background:linear-gradient(#eef5fa 0%,#f7f9fb 100%);scroll-margin-top:82px}.preview-faq .preview-section-heading{text-align:center;max-width:1180px;margin:0 auto 28px}.preview-faq .preview-section-heading h2{color:var(--navy);letter-spacing:-.025em;margin:0;font-size:clamp(28px,3vw,40px);line-height:1.15}.preview-faq-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;max-width:1180px;margin:auto;display:grid}.preview-faq-group{background:#fff;border:1px solid #cfdee9;border-radius:14px;min-width:0;padding:24px;position:relative;overflow:hidden;box-shadow:0 12px 32px #03213b11}.preview-faq-group:before{content:"";background:linear-gradient(90deg,var(--blue),#55b8ff);height:4px;position:absolute;top:0;bottom:auto;left:0;right:0}.preview-faq-group h3{color:var(--navy);letter-spacing:-.015em;margin:3px 0 16px;font-size:21px}.preview-faq-list{gap:9px;display:grid}.preview-faq-list details{background:#f8fbfd;border:1px solid #d7e2eb;border-radius:10px;transition:border-color .18s,box-shadow .18s,background .18s;overflow:hidden}.preview-faq-list details:hover{background:#fff;border-color:#9fc9e7}.preview-faq-list details[open]{background:#fff;border-color:#77b9e7;box-shadow:0 7px 20px #0076d617}.preview-faq-list summary{color:#10375c;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:13px 15px;font-size:14px;font-weight:750;list-style:none;display:flex}.preview-faq-list summary::-webkit-details-marker{display:none}.preview-faq-list summary i{width:28px;height:28px;color:var(--blue);background:#e4f2fc;border-radius:50%;flex:0 0 28px;place-items:center;font-size:18px;font-style:normal;transition:transform .18s,background .18s;display:grid}.preview-faq-list details[open] summary i{background:var(--blue);color:#fff;transform:rotate(45deg)}.preview-faq-list details p{color:#526779;margin:0;padding:0 56px 17px 15px;font-size:13.5px;line-height:1.65}.preview-trust{background:var(--soft);grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px;display:grid}.preview-trust-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.preview-trust-cards article{border:1px solid var(--line);background:#fff;border-radius:9px;padding:22px}.preview-trust-cards strong{width:40px;height:40px;color:var(--blue);background:#e8f4fd;border-radius:7px;place-items:center;display:grid}.preview-trust-cards h3{font-size:17px}.preview-trust-cards p{font-size:13px}.preview-footer{background:var(--navy2);color:#a9bbcc;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:30px clamp(24px,6vw,90px);display:grid}.preview-footer p{text-align:center}.preview-footer>div:last-child{justify-content:flex-end;gap:20px;display:flex}.preview-footer a{color:#d6e3ed;text-decoration:none}.social-link{align-items:center;gap:7px;display:inline-flex}.social-link svg{fill:currentColor;flex:none;width:20px;height:20px}.social-link:hover{color:#fff}.preview-footer{grid-template-columns:minmax(220px,1fr) auto auto;gap:clamp(18px,2.5vw,38px);padding-top:24px;padding-bottom:24px}.preview-footer p{white-space:nowrap;font-size:14px;line-height:1.45}.preview-footer>div:last-child{align-items:center;gap:clamp(12px,1.35vw,20px)}.preview-footer a{white-space:nowrap;font-size:14px}.preview-footer .preview-brand span{font-size:24px}.preview-footer .social-link{gap:6px}.preview-footer .social-link svg{width:18px;height:18px}@media (max-width:980px){.preview-header{grid-template-columns:1fr auto}.preview-header nav{display:none}.preview-hero{grid-template-columns:1fr;padding-top:55px}.preview-model-card{max-width:720px}.preview-feature-grid{grid-template-columns:repeat(2,1fr)}.preview-faq-groups,.preview-trust,.preview-footer{grid-template-columns:1fr}.preview-footer p{text-align:left}.preview-footer>div:last-child{justify-content:flex-start}}@media (max-width:720px){.preview-header{padding:9px 16px}.preview-brand span{font-size:18px}.preview-brand img{width:38px;height:38px}.preview-signin{display:none}.preview-hero{grid-template-columns:1fr;padding:50px 20px}.preview-hero h1{font-size:42px}.preview-hero-actions{flex-direction:column;align-items:stretch}.preview-hero-lab-action{width:100%}.preview-trust-line{flex-direction:column;gap:10px}.preview-model-metrics{grid-template-columns:1fr}.preview-model-metrics div{border-bottom:1px solid #31536e;border-right:0}.preview-lab-grid,.preview-plan-grid,.preview-trust-cards{grid-template-columns:1fr}.preview-lab-grid article{padding:24px 20px}.preview-lab-card-top{margin-bottom:18px}.preview-lab-grid h3{font-size:25px}.preview-lab-features{margin-bottom:22px}.preview-feature-grid{grid-template-columns:1fr}.preview-section{padding:62px 20px}.preview-faq .preview-section-heading{margin-bottom:18px}.preview-faq-group{padding:19px 14px 15px}.preview-faq-group h3{font-size:19px}.preview-faq-list summary{font-size:13px}.preview-faq-list details p{padding:0 15px 15px;font-size:13px}.preview-footer{padding:28px 20px}.preview-footer>div:last-child{flex-wrap:wrap}.preview-footer p{white-space:normal}.preview-footer .social-link{padding:6px}.preview-footer .social-link span{display:none}}@media (max-width:360px){.preview-header{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:62px;padding:8px 10px}.preview-brand{gap:8px;min-width:0}.preview-brand img{flex:0 0 34px;width:34px;height:34px}.preview-brand span{font-size:16px;line-height:1.15}.preview-header-actions{gap:0;min-width:0}.preview-header-actions .preview-small{white-space:nowrap;min-height:38px;padding:8px 10px;font-size:12px}}.maintenance-page{color:#f8fafc;background:radial-gradient(circle at 20% 10%,#3b82f62e,#0000 32rem),linear-gradient(145deg,#07101f,#0d1729 58%,#0a1220);place-items:center;min-height:100vh;padding:28px;display:grid}.maintenance-card{text-align:center;background:#0f192bf0;border:1px solid #263a5a;border-radius:28px;width:min(100%,680px);padding:clamp(28px,6vw,60px);box-shadow:0 28px 80px #0000005c}.maintenance-brand{justify-content:center;align-items:center;gap:12px;margin-bottom:42px;font-size:1.25rem;font-weight:800;display:flex}.maintenance-mark{background:#3b82f6;border-radius:13px;place-items:center;width:44px;height:44px;font-size:1.5rem;display:grid}.maintenance-icon{color:#69b6ff;background:#10243c;border:1px solid #315788;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 22px;font-size:2.25rem;display:grid}.maintenance-eyebrow{color:#60a5fa;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:800}.maintenance-card h1{margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.08}.maintenance-message{color:#b6c4da;max-width:540px;margin:20px auto 28px;font-size:clamp(1rem,2vw,1.15rem);line-height:1.65}.maintenance-status{text-align:left;background:#0b1628;border:1px solid #29405f;border-radius:16px;align-items:center;gap:14px;max-width:460px;margin:0 auto 26px;padding:16px 18px;display:flex}.maintenance-status>span{background:#fbbf24;border-radius:50%;flex:none;width:11px;height:11px;box-shadow:0 0 0 6px #fbbf241f}.maintenance-status strong,.maintenance-status small{display:block}.maintenance-status small{color:#91a3bc;margin-top:4px}.maintenance-retry{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#3b82f6;border:0;border-radius:12px;padding:0 26px;font-weight:800}.maintenance-retry:hover{background:#2563eb}.maintenance-retry:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}.maintenance-help{color:#91a3bc;margin:22px 0 0;font-size:.92rem}.maintenance-help a{color:#69b6ff}@media (max-width:520px){.maintenance-page{padding:14px}.maintenance-card{border-radius:20px}.maintenance-brand{margin-bottom:32px}}
