.mode-bar{display:flex;align-items:center;gap:7px;margin-bottom:22px;border-bottom:1px solid var(--border);padding-bottom:13px}.mode-bar button{border:1px solid transparent;background:none;color:var(--muted);font-size:13px;padding:10px 19px;border-radius:6px}.mode-bar button[aria-selected=true]{background:var(--dark);color:white}.mode-bar>span{font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-left:auto}.structural-workspace{grid-template-columns:370px minmax(0,1fr);gap:25px}.structural-workspace .input-panel{padding:22px}.builder-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.builder-row .field{flex:1;margin-bottom:0}.builder-actions{display:flex;gap:8px;margin:13px 0 19px}.builder-actions button{flex:1}.span-row{display:grid;grid-template-columns:35px minmax(55px,1fr) minmax(90px,1.4fr) 24px;gap:8px;align-items:center;margin-bottom:8px}.span-row>span{font-size:10px;color:var(--muted)}.span-row input,.span-row select{width:100%;min-width:0;border:1px solid var(--border);background:white;border-radius:4px;padding:8px;font-size:12px}.span-row button{border:0;background:none;color:var(--muted);padding:3px;font-size:17px}.span-labels{display:grid;grid-template-columns:35px 1fr 1.4fr 24px;gap:8px;font-size:9px;color:var(--muted);margin-bottom:6px}.builder-help{font-size:10px;color:var(--muted);line-height:1.7}.materials{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;margin:17px 0}.materials summary,.geometry-editor summary{font-size:12px;cursor:pointer;color:var(--green)}.materials[open] summary{margin-bottom:12px}.material-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.material-grid .field input{padding:8px}.geometry-editor{margin-bottom:23px}.geometry-editor>p{margin-top:12px}.editor-title{display:flex;align-items:center;justify-content:space-between;margin:17px 0 8px}.editor-title h3{font-size:11px;margin:0;font-weight:500}.editor-title button{font-size:10px;border:0;background:none;color:var(--green)}.table-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}.editor-table{border-collapse:collapse;min-width:100%;font-size:10px}.editor-table th{text-align:left;font-weight:400;color:var(--muted);padding:4px}.editor-table td{padding:3px}.editor-table td:first-child{font-size:10px;white-space:nowrap;color:var(--green)}.editor-table input,.editor-table select{width:100%;min-width:64px;border:1px solid var(--border);border-radius:3px;background:white;padding:7px 5px;font-size:11px;height:32px}.editor-table select{min-width:90px}.editor-table td button{background:none;border:0;color:var(--muted);font-size:15px}.member-editor{min-width:500px}.member-editor select{min-width:65px}.member-editor input{min-width:67px}.node-editor{min-width:330px}.struct-add-loads{gap:5px}.struct-add-loads button{font-size:9px;padding:9px 2px}.struct-load-card{background:#f6f5ef;border:1px solid var(--border);border-radius:7px;padding:12px;margin-bottom:11px}.struct-load-card .field{font-size:10px;margin-bottom:7px}.struct-load-card .field input,.struct-load-card .field select{font-size:12px;height:35px;margin-top:4px;padding:6px 8px}.struct-load-card .field-pair{gap:9px}.struct-load-card .load-card-top{margin-bottom:7px}.load-units{font-weight:400;color:var(--muted);font-size:9px;margin-left:4px}.diagram-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.diagram-tabs button{border:1px solid #a8beb333;border-radius:4px;padding:5px 9px;background:transparent;color:#98b1a6;font-size:9px}.diagram-tabs .selected{background:#e6bf7b;color:#1a282b;border-color:#e6bf7b}#structure-svg svg{width:100%;height:auto;display:block;min-height:240px}.structural-board{padding-bottom:16px}.struct-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.struct-metrics .metric{padding:14px 12px}.struct-metrics .metric strong{font-size:23px}.struct-metrics .metric>span{font-size:7px;letter-spacing:.7px}.struct-metrics .metric small{font-size:8px}.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 10px}.inspector-heading>div{display:flex;align-items:center;gap:10px}.inspector-heading h2{margin:0;font-size:14px;font-weight:500}.inspector-heading label{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.inspector-heading select{max-width:210px;background:white;border:1px solid var(--border);border-radius:4px;padding:7px;font-size:11px}.selected-properties{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-bottom:12px}.member-plots{display:grid;grid-template-columns:1fr 1fr;gap:11px}.member-plots .plot-card{padding:12px 12px 1px}.member-plots .plot-heading h3{font-size:11px}.member-plots .plot-heading>span{font-size:8px}.member-plots .plot svg{min-height:100px}.result-tables{border-bottom:1px solid var(--border);padding-bottom:15px;margin-top:22px}.result-tables summary{font-size:12px;color:var(--ink);cursor:pointer}.result-tables[open] summary{margin-bottom:13px}.result-table{border-collapse:collapse;width:100%;min-width:670px;font-variant-numeric:tabular-nums;font-size:10px}.result-table th{color:var(--muted);font-weight:400;text-align:right;border-bottom:1px solid var(--border);padding:8px}.result-table td{text-align:right;padding:8px;border-bottom:1px solid #e9e9e1}.result-table th:first-child,.result-table td:first-child,.result-table th:nth-child(2),.result-table td:nth-child(2){text-align:left}.result-table td:first-child{font-weight:600;color:var(--green)}.support-cell{font-size:9px}.member-inspector .station-values{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:13px}.model-note{font-size:10px;color:#8ba798;padding:0 10px}.model-caption{font-size:11px}.structural-workspace #struct-error{margin-bottom:12px}.structural-workspace .output-panel.invalid .beam-board,.structural-workspace .output-panel.invalid .member-inspector,.structural-workspace .output-panel.invalid .result-tables{opacity:.32}.no-result{padding:55px 20px;text-align:center;font-size:12px;color:#b6c8bf}.material-note{display:block;margin-top:6px}.method-title>a{display:inline-block;color:var(--green);font-size:11px;margin-top:10px}.support-legend{display:flex;gap:13px;font-size:9px;color:var(--muted);margin-top:8px}.builder-input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:1150px){.structural-workspace{grid-template-columns:330px minmax(0,1fr);gap:18px}.structural-workspace .input-panel{padding:18px}.struct-metrics{grid-template-columns:1fr 1fr}.struct-metrics .metric:nth-child(2){border-right:0}.struct-metrics .metric:nth-child(-n+2){border-bottom:1px solid var(--border)}.member-plots{grid-template-columns:1fr}.mode-bar>span{font-size:7px}.member-plots .plot svg{max-height:150px}.result-table{min-width:650px}}
@media(max-width:760px){.structural-workspace{grid-template-columns:1fr;gap:23px}.mode-bar{gap:4px;margin-bottom:18px}.mode-bar button{font-size:12px;padding:9px 12px;flex:1}.mode-bar>span{display:none}.structural-workspace .input-panel{padding:21px}.member-plots{grid-template-columns:1fr}.struct-metrics .metric strong{font-size:24px}.struct-metrics .metric strong .metric-unit{display:inline}.struct-metrics .metric>span{font-size:8px}.struct-metrics .metric small{font-size:9px}.struct-load-card .field input,.struct-load-card .field select,.span-row input,.span-row select,.editor-table input,.editor-table select{font-size:16px}.span-row select{font-size:12px}.editor-table{min-width:430px}.member-editor{min-width:610px}.inspector-heading{align-items:flex-start}.inspector-heading>div{gap:7px}.inspector-heading h2{font-size:13px}.inspector-heading select{max-width:175px;font-size:12px}.inspector-heading label{font-size:0;gap:0}.member-inspector .station-values{grid-template-columns:1fr 1fr}.station-heading h3{font-size:11px}.struct-add-loads button{font-size:11px;padding:10px 2px}.diagram-tabs button{font-size:10px}.structural-board{padding:16px 12px}#structure-svg svg{min-height:210px}.board-footer{font-size:8px}.material-grid{gap:8px}.material-grid .field{font-size:10px}.span-labels{font-size:10px}}
@media print{.mode-bar{display:none}.structural-workspace{display:block}.diagram-tabs{display:none}.structural-board{break-inside:avoid}#structure-svg svg{max-height:210px;min-height:0}.struct-metrics{grid-template-columns:repeat(4,1fr)}.struct-metrics .metric{border-bottom:0!important}.struct-metrics .metric:nth-child(2){border-right:1px solid var(--border)}.inspector-heading{margin-top:14px}.member-plots{grid-template-columns:1fr 1fr}.member-plots .plot svg{max-height:100px;min-height:0}.member-inspector .station-panel{display:none}.result-tables{break-inside:avoid}.result-table{min-width:0;font-size:8px}.result-table th,.result-table td{padding:5px}.inspector-heading select{border:0}.selected-properties{font-size:9px}.output-panel.invalid{display:none}.result-tables:not([open]){display:none}}