.truss3d{--t3-ink:#153440;--t3-muted:#526a70;--t3-paper:#f8f7f0;--t3-line:#d1dedb;--t3-lime:#d0f16b;max-width:1480px;color:var(--t3-ink);background:var(--t3-paper);font-family:var(--font-body,system-ui,sans-serif);margin:auto;padding:58px 4vw 80px}.truss3d *{box-sizing:border-box}.truss3d h1,.truss3d h2,.truss3d h3,.truss3d p{margin-top:0}.truss3d h1{letter-spacing:-.045em;margin-bottom:25px;font-size:clamp(42px,6vw,80px);line-height:.98}.truss3d h1 em{font-family:Georgia,serif;font-weight:400}.truss3d h2{letter-spacing:-.025em;margin-bottom:16px;font-size:clamp(22px,2vw,30px);line-height:1.16}.truss3d p{line-height:1.62}.truss3d-kicker{letter-spacing:.13em;color:#386e65;margin-bottom:18px;font-size:11px;font-weight:800}.truss3d-hero{grid-template-columns:1.6fr 1fr;align-items:center;gap:10%;margin-bottom:52px;display:grid}.truss3d-lead{max-width:680px;color:var(--t3-muted);font-size:19px}.truss3d-badges{flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.truss3d-badges span{border:1px solid var(--t3-line);border-radius:6px;align-items:center;gap:8px;padding:8px 11px;display:flex}.truss3d-hero aside{border-left:4px solid var(--t3-lime);background:#eaf0e7;padding:30px}.truss3d-hero aside>strong{margin:16px 0 10px;font-size:21px;display:block}.truss3d a{color:inherit;text-underline-offset:4px}.truss3d-hero aside a{align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.truss3d-toolbar{border-top:1px solid var(--t3-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;padding:24px 0;display:flex}.truss3d-toolbar h2{margin-bottom:6px;font-size:23px}.truss3d-toolbar p{margin-bottom:0;font-size:13px}.truss3d-toolbar .truss3d-kicker{margin-bottom:8px}.truss3d-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.truss3d button{font:inherit;min-height:43px;color:var(--t3-ink);cursor:pointer;background:#fff;border:1px solid #a9bdb9;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-size:13px;font-weight:700;display:inline-flex}.truss3d button:hover:not(:disabled){background:#ecf2e6;border-color:#5b867b}.truss3d button:disabled{opacity:.45;cursor:not-allowed}.truss3d button.truss3d-primary{background:var(--t3-ink);color:#fff;border-color:var(--t3-ink)}.truss3d button:focus-visible{outline-offset:3px;outline:3px solid #537f1d}.truss3d input:focus-visible{outline-offset:3px;outline:3px solid #537f1d}.truss3d select:focus-visible{outline-offset:3px;outline:3px solid #537f1d}.truss3d textarea:focus-visible{outline-offset:3px;outline:3px solid #537f1d}.truss3d summary:focus-visible{outline-offset:3px;outline:3px solid #537f1d}.truss3d-view:focus-visible{outline-offset:3px;outline:3px solid #537f1d}.truss3d-replace{background:#edf2e5;flex-basis:100%;align-items:center;gap:9px;padding:12px;font-size:12px;display:flex}.truss3d-replace input{flex-shrink:0;width:18px;height:18px}.truss3d-main-grid{grid-template-columns:minmax(0,1fr) 280px;gap:22px;display:grid}.truss3d-view-panel,.truss3d-controls section,.truss3d-results,.truss3d-data,.truss3d-files{border:1px solid var(--t3-line);background:#fff;border-radius:10px;overflow:hidden}.truss3d-view-panel>header{justify-content:space-between;align-items:center;gap:15px;padding:22px;display:flex}.truss3d-view-panel>header h2{margin:0}.truss3d-view-panel>header .truss3d-kicker{margin-bottom:7px}.truss3d-status{color:#24584b;background:#e8f2d8;border-radius:30px;padding:7px 10px;font-size:11px;font-weight:700;line-height:1.4}.truss3d-status.pending{color:#7a481c;background:#f7eddd}.truss3d-view{touch-action:none;cursor:grab;color:#fff;background:#112c35;width:100%;height:auto;min-height:280px;display:block}.truss3d-view:active{cursor:grabbing}.truss3d-view text{fill:#f3f6ee;paint-order:stroke;stroke:#112c35;stroke-width:3px;stroke-linejoin:round;font:13px system-ui,sans-serif}.truss3d-view g[role=button]{cursor:pointer}.truss3d-view g[role=button]:focus-visible>line:not(.truss3d-hit){stroke:#fff;stroke-width:7px}.truss3d-camera{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:14px;padding:20px 22px 5px;display:grid}.truss3d-camera label{color:var(--t3-muted);font-size:11px;font-weight:700}.truss3d-camera input[type=range]{accent-color:#49796c;width:100%;display:block}.truss3d-amplification{grid-column:1/-1}.truss3d-footnote{color:var(--t3-muted);font-size:12px!important;line-height:1.55!important}.truss3d-view-panel>.truss3d-footnote{padding:0 22px}.truss3d-selected{border-top:1px solid var(--t3-line);background:#edf3e7;padding:18px 22px;font-size:13px}.truss3d-selected>span{letter-spacing:.12em;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.truss3d-selected strong{font-size:19px}.truss3d-selected p{overflow-wrap:anywhere;margin:5px 0 0}.truss3d-controls{flex-direction:column;gap:20px;display:flex}.truss3d-controls section{padding:22px}.truss3d-controls h2{font-size:23px}.truss3d-controls label{margin:14px 0;font-size:12px;font-weight:700;display:block}.truss3d-controls input,.truss3d-controls select{width:100%;font:inherit;color:#153440;background:#f9faf6;border:1px solid #c4d1ce;border-radius:5px;margin-top:7px;padding:11px;font-size:14px;display:block}.truss3d-controls button{width:100%}.truss3d-controls .truss3d-footnote{margin-top:14px;margin-bottom:0}.truss3d-error,.truss3d-notice{overflow-wrap:anywhere;background:#fff2e8;border:1px solid #dbc3b3;border-left:4px solid #a45428;margin:0 0 20px;padding:16px 20px;font-size:14px}.truss3d-notice{background:#eff7e9;border-color:#b9d2bf #b9d2bf #b9d2bf #3f7b58}.truss3d-results,.truss3d-data,.truss3d-files{margin-top:24px;padding:28px}.truss3d-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:23px 0;display:grid}.truss3d-metrics>div{overflow-wrap:anywhere;background:#eff3e9;border-radius:6px;padding:18px}.truss3d-metrics small{color:var(--t3-muted);margin-bottom:12px;font-size:11px;line-height:1.4;display:block}.truss3d-metrics strong{font-size:23px;font-weight:650;display:block}.truss3d-metrics strong span{font-size:12px}.truss3d-balance{color:#45685d;overflow-wrap:anywhere;gap:9px;font-size:12px;display:flex}.truss3d-balance svg{flex-shrink:0}.truss3d-table{max-width:100%;overflow:auto}.truss3d table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}.truss3d caption{text-align:left;color:var(--t3-muted);white-space:normal;padding:10px 0 15px;font-size:12px}.truss3d th,.truss3d td{border-bottom:1px solid #dce4e1;padding:12px 13px}.truss3d thead{background:#f0f3ed}.truss3d table button{text-underline-offset:3px;background:0 0;border:0;min-height:28px;padding:2px 0;text-decoration:underline}.truss3d tr.selected{background:#f1f7dc}.truss3d-files header{grid-template-columns:1fr 1fr;gap:40px;display:grid}.truss3d-files header>p{color:var(--t3-muted);font-size:13px}.truss3d-files input[type=file]{border:1px solid #d0ddd7;border-radius:5px;max-width:100%;padding:10px;font-size:12px}.truss3d-files details{border-top:1px solid var(--t3-line);margin-top:23px;padding-top:18px}.truss3d-files summary{cursor:pointer;padding:10px 0;font-size:14px;font-weight:700}.truss3d-files details>p{max-width:800px;font-size:13px}.truss3d-files textarea{resize:vertical;color:#183b42;background:#f5f7f3;border:1px solid #b8cbc4;border-radius:7px;width:100%;min-height:200px;margin:14px 0;padding:16px;font:12px/1.5 ui-monospace,monospace;display:block}.truss3d-scope{color:var(--t3-muted);border-top:1px solid var(--t3-line);margin-top:35px;padding:26px 0;font-size:13px}.truss3d-scope strong{color:var(--t3-ink);margin-bottom:12px;font-size:17px;display:block}.truss3d-scope p{max-width:1000px}.truss3d [disabled]{pointer-events:auto}.truss3d svg{max-width:100%}@media (max-width:1020px){.truss3d{padding:35px 22px}.truss3d-hero{grid-template-columns:1.3fr 1fr;gap:35px}.truss3d-main-grid{grid-template-columns:minmax(0,1fr) 245px}.truss3d-camera{grid-template-columns:repeat(3,minmax(0,1fr))}.truss3d-camera button{grid-column:1/-1}.truss3d-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.truss3d{padding:30px 16px}.truss3d-hero,.truss3d-main-grid,.truss3d-files header{grid-template-columns:1fr}.truss3d-hero{gap:25px;margin-bottom:28px}.truss3d-hero aside{padding:22px}.truss3d-controls{grid-template-columns:1fr 1fr;display:grid}.truss3d-controls section{min-width:0;padding:16px}.truss3d-view-panel>header{flex-wrap:wrap;padding:18px}.truss3d-results,.truss3d-data,.truss3d-files{padding:19px}.truss3d-files header{gap:6px}.truss3d-actions{width:100%}.truss3d-actions button{flex-grow:1}.truss3d-view{min-height:240px}.truss3d-metrics strong{font-size:19px}.truss3d-camera{padding:15px}.truss3d-balance{display:block}.truss3d-balance svg{vertical-align:middle;margin-right:5px}}@media (max-width:410px){.truss3d-controls{grid-template-columns:1fr}.truss3d-camera{gap:9px}.truss3d-camera label{min-width:0}.truss3d-metrics{gap:8px}.truss3d-metrics>div{padding:13px}}@media print{.truss3d{background:#fff;padding:0}.truss3d-hero{display:block}.truss3d-toolbar,.truss3d-camera,.truss3d-controls,.truss3d-files,.truss3d-replace{display:none}.truss3d-main-grid{display:block}.truss3d-view-panel,.truss3d-results,.truss3d-data{break-inside:avoid}.truss3d-view{-webkit-print-color-adjust:exact;print-color-adjust:exact}.truss3d-table{overflow:visible}.truss3d table{white-space:normal;font-size:10px}}.clt3d{color:#17313b;background:#f7f6ee;border:1px solid #cbd8ce;border-radius:24px;max-width:1440px;margin:32px auto;padding:30px;font:15px/1.55 system-ui,sans-serif}.clt3d header{justify-content:space-between;gap:24px;margin-bottom:24px;display:flex}.clt3d header h2{margin:8px 0;font-size:clamp(26px,3vw,38px)}.clt3d header p{max-width:780px;margin:0}.clt3d-kicker{letter-spacing:.14em;color:#436c59;font-size:11px;font-weight:750}.clt3d-badge{white-space:nowrap;background:#d7edb4;border-radius:20px;align-self:flex-start;padding:6px 12px;font-size:12px;font-weight:750}.clt3d-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;display:grid}.clt3d-controls{background:#fff;border:1px solid #d4ded6;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.clt3d-fields{grid-template-columns:1fr 1fr;gap:13px;display:grid}.clt3d label{flex-direction:column;gap:5px;min-width:0;font-size:12px;font-weight:650;display:flex}.clt3d label>span{align-items:center;gap:6px;display:flex}.clt3d label>span input{min-width:0}.clt3d label b{font-size:11px;font-weight:500}.clt3d input:not([type=checkbox]),.clt3d select{box-sizing:border-box;color:#18333a;width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #b7c7be;border-radius:7px;padding:7px}.clt3d input[type=range]{accent-color:#40705b;padding:0}.clt3d small{font-size:11px;font-weight:400;line-height:1.5;display:block}.clt3d .clt3d-check{flex-direction:row;align-items:center;gap:9px;font-size:13px;display:flex}.clt3d .clt3d-note{color:#536b69;margin:0;font-size:12px;line-height:1.6}.clt3d-actions,.clt3d-layer-buttons{flex-wrap:wrap;gap:7px;display:flex}.clt3d button{color:#183b32;cursor:pointer;background:#fff;border:1px solid #9eb6a8;border-radius:7px;padding:8px 11px;font:600 12px/1.3 system-ui}.clt3d button:hover{background:#eaf2dc}.clt3d button[aria-pressed=true]{color:#fff;background:#1c4639;border-color:#1c4639}.clt3d button:disabled{opacity:.45;cursor:not-allowed}:is(.clt3d button:focus-visible,.clt3d input:focus-visible,.clt3d select:focus-visible){outline-offset:3px;outline:3px solid #527c4b}.clt3d-output{flex-direction:column;gap:16px;min-width:0;display:flex}.clt3d-output svg{background:radial-gradient(#fff,#e8eee5);border:1px solid #d4ded6;border-radius:16px;width:100%;height:auto;min-height:220px}.clt3d-quantities{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.clt3d-quantities div{background:#fff;border:1px solid #d4ded6;border-radius:10px;min-width:0;padding:14px}.clt3d dt{font-size:12px}.clt3d dd{overflow-wrap:anywhere;margin:7px 0 0;font-size:24px;font-weight:700}.clt3d dd small{font-size:12px;display:inline}.clt3d footer{color:#536b69;border-top:1px solid #cbd8ce;margin-top:22px;padding-top:18px;font-size:12px}.clt3d-error{color:#8d3426;background:#fff1ec;border:1px solid #b1513e;border-radius:10px;padding:20px}.clt3d ::selection{background:#d6edb7}html[data-studio-theme=dark] .clt3d{color:#e7eee7;background:#172e35;border-color:#405a59}html[data-studio-theme=dark] .clt3d-controls,html[data-studio-theme=dark] .clt3d-quantities div{background:#203b40;border-color:#48615d}html[data-studio-theme=dark] .clt3d .clt3d-note,html[data-studio-theme=dark] .clt3d footer,html[data-studio-theme=dark] .clt3d-kicker{color:#b9cfbd}html[data-studio-theme=dark] .clt3d-badge{color:#183b32}@media (max-width:850px){.clt3d{margin:20px 12px;padding:20px}.clt3d-grid{grid-template-columns:1fr}.clt3d header{flex-direction:column;gap:12px}.clt3d-controls{padding:16px}}@media (max-width:450px){.clt3d-quantities{grid-template-columns:1fr}.clt3d-fields{gap:10px}.clt3d dd{font-size:22px}}@media (prefers-reduced-motion:reduce){.clt3d *{scroll-behavior:auto!important;transition:none!important}}@media print{.clt3d{break-before:page;color:#000;background:#fff;border:0;padding:0}.clt3d-controls,.clt3d-layer-buttons,.clt3d-badge{display:none}.clt3d-grid{display:block}.clt3d-output svg{max-height:420px}.clt3d-quantities div{break-inside:avoid}}