:root{--bg: #eef1f6;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-2: #475569;--text-3: #334155;--muted: #64748b;--line: #94a3b8;--line-soft: #eef2f7;--danger: #ef4444;--primary: #2563eb;--primary-700: #1d4ed8;--ok-bg: #dcfce7;--ok-fg: #15803d;--fail-bg: #fee2e2;--fail-fg: #b91c1c;--warn-bg: #fef3c7;--warn-fg: #b45309;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 2px 8px rgba(15, 23, 42, .05);--focus-ring: color-mix(in srgb, var(--primary) 55%, transparent);color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text)}:root[data-theme=dark]{--bg: #0b111d;--surface: #141d2e;--surface-2: #1b2740;--border: #26334a;--border-strong: #3a4a67;--text: #e6ebf3;--text-2: #b3c0d4;--text-3: #cad4e3;--muted: #8896ac;--line: #55688a;--line-soft: #223049;--danger: #f87171;--primary: #60a5fa;--primary-700: #3b82f6;--ok-bg: #123524;--ok-fg: #4ade80;--fail-bg: #3b1a1e;--fail-fg: #fca5a5;--warn-bg: #3a2f15;--warn-fg: #fcd34d;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 10px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg)}:where(button,summary,select,[role=separator],input[type=range]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app{padding:12px 16px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:18px;margin:0 0 8px}.toolbar{display:flex;align-items:center;gap:8px}.project-name{width:130px;padding:6px 8px;border:1px solid var(--line);border-radius:4px}.hidden-file{display:none}button.secondary{padding:7px 14px;font-size:14px;font-weight:600;color:var(--primary);background:var(--surface);border:1px solid var(--primary);border-radius:4px;cursor:pointer}button.secondary:hover{background:var(--line-soft)}button.calc{padding:8px 20px;font-size:15px;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:4px;cursor:pointer}button.calc:disabled{background:#90a4ae;cursor:default}.layout{display:grid;grid-template-columns:380px 8px minmax(0,1fr);gap:12px;align-items:start}.layout.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.layout.stacked{grid-template-columns:minmax(0,1fr);gap:16px}.layout.stacked .resizer{display:none}.layout.stacked .inputs{position:static;top:auto;max-height:none}.inputs{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;min-width:0}.resizer{align-self:start;position:sticky;top:12px;height:calc(100vh - 24px);cursor:col-resize;background:linear-gradient(var(--border-strong),var(--border-strong)) center / 2px 100% no-repeat;border-radius:2px;transition:background-size .12s ease}.resizer:hover,.layout.dragging .resizer{background-image:linear-gradient(var(--primary),var(--primary));background-size:4px 100%}fieldset{border:1px solid var(--border-strong);border-radius:6px;margin:0 0 12px;padding:8px 12px 12px;background:var(--surface)}legend{font-weight:600;padding:0 4px}.field{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0}.field-label{color:var(--text-2)}.field input,.field select{width:150px;padding:3px 6px}.force-grid,.derived{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.field input.readonly{background:var(--surface-2);color:var(--text-2);cursor:not-allowed}input.invalid{border-color:var(--fail-fg);background:var(--fail-bg);outline-color:var(--fail-fg)}.field-checkbox{justify-content:flex-start;cursor:pointer}.field-checkbox input{width:auto}.prestress-cable{border:1px solid var(--border);border-radius:4px;padding:6px 8px;margin-bottom:8px;background:var(--surface-2)}.prestress-cable-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.prestress-cable-head .cable-id{width:60px;padding:3px 6px}.prestress-cable-head select{flex:1;padding:3px 6px}.link-danger{border:none;background:none;color:var(--fail-fg);cursor:pointer;font-size:14px;padding:2px 6px}.add-cable{width:100%}.factor-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin:2px 0 8px 18px}.limit-state-block{border-top:3px solid var(--primary);margin-top:16px;padding-top:4px}.limit-state-head{display:flex;align-items:baseline;gap:12px}.limit-state-head h2{font-size:16px;margin:4px 0}.hint{margin:2px 0 0;font-size:12px;color:var(--muted)}.error-inline{margin:4px 0 0;font-size:12px;color:var(--fail-fg)}.userdef-editor{display:flex;flex-direction:column;gap:8px}.userdef-actions{display:flex;gap:8px}.userdef-preview{width:100%;max-width:300px;background:var(--surface-2);border:1px solid var(--border);border-radius:4px}.userdef-points{max-height:220px;overflow-y:auto}.userdef-points input{width:80px}.force-grid .field input,.derived .field input{width:90px}.results{min-width:0}.status{font-weight:600;padding:6px 10px;border-radius:4px;margin-bottom:10px}.status.ok{background:var(--ok-bg);color:var(--ok-fg)}.status.fail{background:var(--fail-bg);color:var(--fail-fg)}.section-head{font-size:15px;margin:18px 0 8px;padding-top:8px;border-top:1px solid var(--border-strong)}.result-grid{margin-bottom:16px}.result-grid h3{font-size:14px;margin:0 0 4px}.table-scroll{overflow-x:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:6px}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{padding:3px 8px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--surface-2)}th{background:var(--surface-2);position:sticky;top:0}td.row-index,th:first-child{text-align:left;color:var(--muted)}td input{width:78px;padding:2px 4px;text-align:right}.schematic-wrap{background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;padding:4px 8px}.schematic-svg{width:100%;height:auto;display:block;touch-action:none}.schematic-svg .beam{stroke:#37474f;stroke-width:4}.schematic-svg .beam-body .concrete{stroke:var(--muted);stroke-width:1.5}.schematic-svg .beam-body .rebar{stroke:var(--text-3);stroke-width:.4}.schematic-svg .support{fill:#607d8b;stroke:none}.schematic-svg .ground{stroke:#90a4ae;stroke-width:1.5}.schematic-svg .roller{fill:#607d8b}.schematic-svg .dist{stroke:#2e7d32;fill:none;stroke-width:1.2}.schematic-svg .dist.ramp polygon{fill:var(--ok-bg);stroke:#2e7d32}.schematic-svg .load-label{font-size:11px;fill:var(--text-3)}.schematic-svg .span-label{font-size:11px;fill:var(--muted)}.schematic-svg .grab{cursor:ew-resize}.schematic-svg .load.dragging line,.schematic-svg .load.dragging polygon{opacity:.6}.charts{display:flex;flex-direction:column;gap:6px}.chart{background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;padding:2px 8px}.chart-svg{width:100%;height:auto;display:block}.chart-title{font-size:11px;font-weight:600;fill:var(--text-3)}.chart-marker{stroke:#9c27b0;stroke-width:1;stroke-dasharray:2 2;opacity:.7}.strip-outline{fill:none;stroke:#607d8b;stroke-width:1}.ur-legend{display:flex;gap:12px;font-size:11px;color:var(--text-2);padding:2px 8px 4px}.ur-band{display:inline-flex;align-items:center;gap:4px}.ur-swatch{width:12px;height:12px;border-radius:2px;display:inline-block}.section-plot{display:flex;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;padding:6px 8px}.section-svg{width:150px;height:auto}.section-outline{fill:none;stroke:#37474f;stroke-width:1.5}.profile-svg{width:170px;height:auto}.resizable{position:relative;width:100%;box-sizing:border-box}.resizable.dragging{-webkit-user-select:none;user-select:none}.resizable-content{height:calc(100% - 10px);overflow:auto}.resize-handle{position:absolute;left:0;right:0;bottom:0;height:10px;cursor:ns-resize;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:0 0 6px 6px;touch-action:none}.resize-handle:after{content:"";display:block;width:36px;height:3px;margin:3px auto 0;border-radius:2px;background:var(--line)}.resize-handle:hover{background:var(--border)}.resizable.schematic-panel .schematic-wrap{height:100%}.resizable.schematic-panel .schematic-svg{height:100%;width:100%}.resizable.section-panel .section-plot{height:100%;flex-wrap:nowrap;box-sizing:border-box}.resizable.section-panel .section-svg,.resizable.section-panel .profile-svg{height:100%;width:auto}.material-curves{display:flex;gap:10px;flex-wrap:wrap}.curve-svg{width:300px;height:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:6px}.peak-label{font-size:9px;font-weight:600}.schematic-svg .section-marker line{stroke:#9c27b0;stroke-width:1;stroke-dasharray:2 2;opacity:.7}.schematic-svg .section-marker text{font-size:9px;fill:#9c27b0}.chart-frame{fill:var(--surface-2);stroke:var(--border)}.chart-axis{stroke:var(--line);stroke-dasharray:3 3}.chart-tick{font-size:9px;fill:var(--muted)}.alert{padding:8px 12px;border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:4px;margin-bottom:10px;background:var(--surface)}.alert-info{border-left-color:var(--primary)}.alert-warn{background:var(--warn-bg);color:var(--warn-fg);border-color:var(--warn-fg)}.alert-error{background:var(--fail-bg);color:var(--fail-fg);border-color:var(--fail-fg)}.placeholder,.loading{color:var(--muted);padding:16px}.report-only{display:none}.report-header{margin-bottom:12px}.report-title{border-bottom:2px solid #1a1a1a;padding-bottom:6px;margin-bottom:8px}.report-title h2{margin:0 0 4px;font-size:16px}.report-meta{display:flex;gap:16px;font-size:12px;color:var(--text-3)}.report-meta .ok{color:var(--ok-fg)}.report-meta .fail{color:var(--fail-fg)}.report-inputs dl{display:grid;grid-template-columns:90px 1fr;gap:2px 12px;margin:0;font-size:12px}.report-inputs dt{font-weight:600;color:var(--text-2)}.report-inputs dd{margin:0}@media print{body{background:var(--surface)}.app{padding:0}.toolbar,.inputs,.app>header h1,.schematic-wrap,.hint,.placeholder,.error{display:none!important}.report-only,.layout{display:block}.results{width:100%}.result-grid,section,.charts,.report-header{break-inside:avoid}fieldset,.result-grid{box-shadow:none}}.section3d{display:flex;flex-direction:column;gap:8px}.canvas3d{width:100%;border-radius:8px;background:#0f172a;overflow:hidden}.canvas3d canvas{display:block}.section3d.v-dragging{cursor:row-resize;-webkit-user-select:none;user-select:none}.resizer-h{height:8px;cursor:row-resize;background:linear-gradient(var(--border-strong),var(--border-strong)) center / 100px 2px no-repeat;border-radius:2px;transition:background-size .12s ease}.resizer-h:hover,.section3d.v-dragging .resizer-h{background-image:linear-gradient(var(--primary),var(--primary));background-size:140px 4px}.series-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chip{padding:4px 10px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);font-size:12px;cursor:pointer}.chip:hover{border-color:var(--primary)}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.values-ctl{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.values-count{display:inline-flex;align-items:center;gap:6px}.values-count input[type=range]{width:110px;accent-color:var(--primary)}.values-n{font-size:12px;color:var(--text-2);min-width:2ch;text-align:right}.legend-3d{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;color:var(--text-2)}.legend-3d i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}.legend-3d .muted{color:var(--muted);margin-left:auto}.legend-3d .ur-ramp{display:inline-block;width:96px;height:10px;border-radius:5px;background:linear-gradient(90deg,#20c53c,#b8c520,#c52020,#dc2626)}.plot-empty,.plot-loading{color:var(--muted);padding:24px;text-align:center}.login-gate{--gate-green: #2e7d43;--gate-green-strong: #256b38;--gate-green-soft: rgba(46, 125, 67, .12);min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 85% -10%,var(--gate-green-soft),transparent 60%),radial-gradient(900px 500px at -10% 110%,var(--gate-green-soft),transparent 55%),var(--bg);padding:2rem 1rem}.gate-card{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--gate-green);border-radius:14px;box-shadow:0 10px 32px #0f172a1a,var(--shadow);padding:2.25rem 2.25rem 2rem;width:100%;max-width:24rem;text-align:center}.gate-icon{width:52px;height:52px;margin:0 auto 1.1rem;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--gate-green);color:#fff}.gate-card h1{margin:0 0 .4rem;font-size:1.45rem;color:var(--text)}.gate-subtitle{color:var(--text-2);margin:0 0 1.4rem;line-height:1.45}.gate-card form{text-align:left}.gate-card label{display:block;font-weight:600;font-size:.85rem;color:var(--text-2);margin-bottom:.9rem}.gate-optional{font-weight:400;color:var(--muted)}.gate-card input{display:block;width:100%;box-sizing:border-box;margin-top:.3rem;padding:.6rem .75rem;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface-2);color:var(--text);font-size:.95rem}.gate-card input:focus{outline:2px solid color-mix(in srgb,var(--gate-green) 55%,transparent);outline-offset:1px}.gate-forgot{text-align:right;margin:-.4rem 0 .9rem}.gate-primary{width:100%;padding:.65rem;border:none;border-radius:9px;background:var(--gate-green);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.gate-primary:not(:disabled):hover{background:var(--gate-green-strong)}.gate-primary:disabled{opacity:.55;cursor:default}.gate-link{border:none;background:none;padding:0;color:var(--gate-green);font-size:inherit;cursor:pointer;text-decoration:none}.gate-link:hover{text-decoration:underline}.gate-link:disabled{color:var(--muted);cursor:default;text-decoration:none}.gate-link-strong{font-weight:700}.gate-alt{color:var(--text-2);font-size:.9rem;margin:.9rem 0 0}.gate-divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.85rem;margin-top:1.4rem}.gate-divider:before,.gate-divider:after{content:"";flex:1;height:1px;background:var(--border)}.gate-benefits{list-style:none;margin:1.4rem 0 0;padding:1.1rem 0 0;border-top:1px solid var(--border);text-align:left}.gate-benefits li{display:flex;align-items:center;gap:.6rem;color:var(--text-2);font-size:.9rem;margin-bottom:.6rem}.gate-check{flex:none;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:var(--gate-green-soft);color:var(--gate-green)}.gate-error{color:var(--fail-fg);background:var(--fail-bg);border-radius:8px;padding:.55rem .7rem;font-size:.9rem;text-align:left}.gate-notice{color:var(--ok-fg);background:var(--ok-bg);border-radius:8px;padding:.55rem .7rem;font-size:.9rem;text-align:left}.gate-spinner{width:26px;height:26px;margin:.5rem auto 0;border:3px solid var(--gate-green-soft);border-top-color:var(--gate-green);border-radius:50%;animation:gate-spin .9s linear infinite}@keyframes gate-spin{to{transform:rotate(360deg)}}.logout-corner{position:fixed;right:.75rem;bottom:.75rem;z-index:50;padding:.3rem .7rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.8rem;cursor:pointer;box-shadow:var(--shadow)}.logout-corner:hover{color:var(--text)}