.continuous-model{margin-bottom:18px}.continuous-model .panel-header{display:flex;align-items:center;gap:18px;justify-content:space-between}.continuous-model h2 small{display:block;font-size:12px;font-weight:400;color:#657b94;margin-top:4px}.continuous-model .panel-header select{max-width:250px;min-height:44px}.continuous-body{padding:0 22px 20px}.continuous-body>p{font-size:13px;line-height:1.75;color:#526c88}.continuous-toolbar,.continuous-load-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:4px 0 14px}.continuous-toolbar button,.continuous-load-tools button,.continuous-patterns{background:#edf4ff;color:#2459aa;border:1px solid #cdddf4;border-radius:6px;padding:10px 12px;min-height:44px;font-size:12px}.continuous-load-tools{padding-top:15px;border-top:1px solid #e0e7f0;margin-top:16px}.continuous-load-tools label{flex:1 1 180px;font-size:13px;font-weight:600}.continuous-load-tools select{width:85px;min-height:44px}.continuous-note{font-size:12px!important;color:#62778f!important;line-height:1.8!important}.continuous-span-row{display:grid;grid-template-columns:70px minmax(90px,1fr) minmax(105px,1fr) minmax(110px,1fr) 36px;gap:12px;align-items:end;background:#f7faff;border:1px solid #dae5f3;padding:13px;border-radius:7px;margin:9px 0}.continuous-span-row>strong{align-self:center;font-size:14px;color:#294c78}.continuous-span-row small,.continuous-table small{display:block;font-size:11px;color:#657b94;margin-top:4px}.continuous-span-row label{font-size:11px;font-weight:500;color:#536d8c}.continuous-span-row input,.continuous-span-row select{display:block;width:100%;min-height:44px;margin-top:6px;background:white}.continuous-field{display:flex;align-items:center;gap:5px}.continuous-field>span{font-size:12px}.continuous-span-row button{height:44px;width:36px;margin-bottom:0;color:#a34a57;border-radius:5px;background:white;border:1px solid #e2d7df;font-size:22px}.continuous-span-row button:disabled{opacity:.3}.continuous-end-note{font-size:11px;color:#687f99;line-height:1.8;align-self:center}.continuous-total{color:#2459aa!important;font-weight:650;border-top:1px solid #dce6f3;padding-top:12px}.continuous-patterns{width:100%;text-align:left}.continuous-patterns small{font-size:11px;font-weight:400}.continuous-response{margin-bottom:18px}.continuous-response .panel-header p{font-size:12px;color:#617b98;margin-top:5px}.continuous-response h3{font-size:14px;margin:18px 0 10px}.continuous-table{overflow:auto;max-width:100%}.continuous-table table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.continuous-table th{font-size:11px;color:#526d8a;background:#f1f5fb;text-align:left}.continuous-table td,.continuous-table th{padding:11px 12px;border-bottom:1px solid #e3eaf3}.continuous-table td{font-variant-numeric:tabular-nums}.continuous-table tbody tr:hover{background:#f6f9ff}
@media(max-width:1000px){.continuous-span-row{grid-template-columns:60px 1fr 1fr 36px}.continuous-span-row label:has(select){grid-column:2/4}.continuous-span-row>button{grid-column:4;grid-row:1}.continuous-end-note{grid-column:2/4}}
@media(max-width:760px){.continuous-model .panel-header{display:block}.continuous-model .panel-header select{max-width:none;width:100%;margin-top:12px}.continuous-body{padding:0 15px 16px}.continuous-span-row{grid-template-columns:1fr 1fr 32px;gap:10px;padding:12px}.continuous-span-row>strong{grid-column:1/3;grid-row:1}.continuous-span-row>strong small{display:inline;margin-left:12px}.continuous-span-row>label{grid-row:2}.continuous-span-row label:has(select){grid-column:1/3;grid-row:3}.continuous-span-row>button{grid-column:3;grid-row:1;width:32px}.continuous-end-note{grid-column:1/3;grid-row:3}.continuous-load-tools label{flex-basis:calc(100% - 105px)}.continuous-load-tools button{flex:1 1 80px}.continuous-toolbar button{flex:1 1 90px}.continuous-table td,.continuous-table th{padding:10px}.continuous-body>p{font-size:12px}}

@media(max-width:760px){#continuous-model{order:2;margin:0 12px 16px;width:auto}}

#beam-system[hidden]{display:none!important}.span-count-label{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:#385879;white-space:nowrap}.span-count-label input{width:80px;min-height:46px;background:white}.continuous-span-row{display:block;position:relative;padding:16px}.continuous-span-row>strong{display:block;font-size:15px;margin-bottom:12px;padding-right:38px}.continuous-span-row>strong small{display:inline;margin-left:12px}.continuous-span-row>button{position:absolute;right:12px;top:10px}.span-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.span-reinforcement-inputs,.span-support-load{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:13px}.continuous-span-row label{display:block;font-size:12px}.continuous-span-row .continuous-end-note{align-self:end;min-height:44px}.model-span-control{display:flex;gap:14px;align-items:center;padding:14px 22px;background:#f5f8ff;border-top:1px solid #dce7f6}.model-span-control label{font-size:12px;color:#435d7d}.model-span-control select{max-width:260px}.span-design-card{border:1px solid #d8e4f2;border-radius:8px;padding:18px;background:#f8fbff;margin:12px 0}.span-design-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.span-design-header h3{margin:0;font-size:16px}.span-design-header p{margin:4px 0;font-size:12px;color:#627994}.span-design-badge{font-size:12px;color:#167466;background:#e8f6f1;border:1px solid #c7e5db;border-radius:5px;padding:7px}.span-design-badge.failed{color:#a43547;background:#fff0f1;border-color:#ecc8ce}.span-design-grid{display:grid;grid-template-columns:150px 1fr;gap:18px}.span-design-grid svg{width:150px;height:220px}.span-design-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0}.span-design-grid dl>div{border-bottom:1px solid #dce6f2;padding-bottom:10px}.span-design-grid dt{font-size:12px;color:#5e7694;margin-bottom:5px}.span-design-grid dd{margin:0;font-size:14px;font-weight:600;color:#243f63}.span-design-error{font-size:13px;line-height:1.75;color:#a43547}.span-design-limits{font-size:12px;line-height:1.8;color:#607692}.span-design-card details{font-size:12px;margin-top:14px;color:#516f94}.span-design-card details p{margin:8px 0;line-height:1.8}
@media(max-width:760px){.span-count-label{margin-top:12px;justify-content:space-between}.span-count-label input{width:90px}.span-dimensions{gap:9px}.continuous-span-row label{font-size:11px}.span-reinforcement-inputs,.span-support-load{gap:10px}.continuous-span-row>strong{font-size:14px}.continuous-span-row>strong small{font-size:10px}.model-span-control{display:block;padding:14px}.model-span-control select{max-width:none;margin-top:7px}.span-design-card{padding:13px}.span-design-grid{grid-template-columns:1fr}.span-design-grid svg{width:100%;height:190px}.span-design-header{align-items:flex-start}.span-design-grid dl{gap:10px}.span-design-grid dd{font-size:12px}.span-design-grid dt{font-size:11px}}

.continuous-span-row .span-reinforcement-inputs>label,.continuous-span-row .span-support-load>label{grid-column:auto;grid-row:auto}.continuous-model.single-mode .span-support-load{display:none}.continuous-model.single-mode #span-loading-controls{display:none}

/* Compact span editor: one section at a time. */
.beam-config-summary{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#557295;padding:6px 0 12px;border-bottom:1px solid #e2eaf4}.beam-config-summary>span:first-child{color:#2459aa;font-weight:600}.beam-edit-hint{font-size:13px!important;color:#56708e!important;margin:14px 0 10px}.span-count-stepper{display:flex;align-items:center;border:1px solid #cddcf0;border-radius:7px;overflow:hidden;background:white}.span-count-stepper button{width:42px;min-height:44px;color:#2b61b0;font-size:23px;background:#f1f6ff;border:0}.span-count-stepper button:disabled{opacity:.4}.span-count-label input{width:64px;border:0;text-align:center;padding:8px 0;min-height:44px;box-shadow:none}.span-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:12px 0 14px}.span-picker button{border:1px solid #d7e3f2;border-radius:7px;background:#f5f8fd;padding:10px 11px;text-align:left;color:#506b90;min-height:54px}.span-picker button strong{display:block;font-size:13px}.span-picker button small{display:block;font-size:11px;margin-top:4px;font-weight:400}.span-picker button[aria-selected=true]{color:#245bd1;background:#edf3ff;border-color:#7ba2ef;box-shadow:inset 0 2px 0 #245ddd}.span-picker button:focus-visible{outline:3px solid #558cf1;outline-offset:2px}.continuous-span-row>button{display:none}.continuous-span-row>strong{padding-right:0;margin-bottom:14px}.continuous-span-row [data-edit-kind=load-scale]{display:none}.span-support-load{grid-template-columns:1fr}.span-support-load select{max-width:360px}.beam-examples{font-size:12px;margin:6px 0 12px;color:#607897}.beam-examples>summary{cursor:pointer;min-height:28px}.beam-examples .continuous-toolbar{margin-top:10px}.span-loading-advanced{margin-top:15px;background:#f8fafc;border:1px solid #dce5f1;border-radius:7px;padding:12px}.span-loading-advanced>summary{font-size:13px;cursor:pointer;font-weight:600;color:#476488}.span-loading-advanced>summary small{font-size:11px;font-weight:400;display:block;margin:4px 0 0 14px}.continuous-total{display:none}.continuous-model:has(#span-loading-controls[open]) .continuous-span-row [data-edit-kind=load-scale]{display:block}.continuous-model.single-mode .span-support-load{display:block}.continuous-model .panel-header{padding-bottom:15px}.continuous-span-row [data-end-support] option,.continuous-span-row [data-support] option{font-size:14px}
@media(max-width:760px){.continuous-model .panel-header{display:flex;align-items:center;gap:10px;padding:14px}.continuous-model h2{font-size:17px}.continuous-model h2 small{font-size:10px}.span-count-label{display:block;margin:0;text-align:center;font-size:11px}.span-count-stepper{margin-top:6px}.span-count-stepper button{width:31px;min-height:39px;font-size:20px}.span-count-label input{width:43px;min-height:39px;font-size:17px}.continuous-body{padding:0 13px 14px}.span-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.span-picker button{padding:9px 7px;min-height:58px}.span-picker button small{font-size:9px;line-height:1.6}.span-picker button strong{font-size:12px}.continuous-span-row{padding:13px;margin:8px 0}.span-dimensions input{font-size:17px!important;min-height:46px}.span-dimensions label{font-size:12px}.span-reinforcement-inputs label,.span-support-load label{font-size:12px}.span-reinforcement-inputs select,.span-support-load select{font-size:14px;max-width:none}.beam-edit-hint{font-size:12px!important;margin-top:11px}.beam-config-summary{font-size:11px}.beam-examples .continuous-toolbar button{font-size:11px}.span-loading-advanced{padding:11px}.span-loading-advanced>summary{font-size:12px}}