:root{--active:#486267;font-family:system-ui,sans-serif;color:#24333a;background:#f4f7f7}*{box-sizing:border-box}body{margin:0;overflow:hidden}input,select,button{font:inherit;padding:3px 4px;border:1px solid #b7c6c8;background:#fff;border-radius:2px}button{cursor:pointer;background:#edf3f3}button:disabled{cursor:not-allowed}.topbar{height:42px;display:grid;grid-template-columns:350px 1fr 118px;align-items:center;gap:7px;padding:5px 7px;background:#e5eeee;font-size:12px}.project-fields{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:7px}.project-fields label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px}.project-fields input{min-width:0;width:100%}.topbar select{width:118px}.app-layout{height:calc(100vh - 42px);display:grid;grid-template-columns:350px minmax(430px,1fr) 320px;gap:7px;padding:7px;overflow:hidden}.vehicle-table{min-width:0;overflow:hidden;background:#fbfcfc}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px;line-height:1.05}th,td{height:16px;padding:1px 3px;border-bottom:1px solid #d5dfe1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}th{height:18px;background:#e7efef;text-align:left;font-weight:650}th:nth-child(1){width:13%}th:nth-child(2){width:19%}th:nth-child(3){width:26%}th:nth-child(4){width:42%}tbody tr[data-axle]{cursor:pointer}tbody tr.is-selected{outline:1px solid #657579;outline-offset:-1px}#work,.controls-column{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(100px,1fr) 34px minmax(90px,1fr) 34px minmax(90px,1fr);gap:6px;overflow:visible}.viewer{min-height:0;overflow:hidden;background:#fff}.viewer svg{width:100%;height:100%;display:block}.section-viewer{display:grid;grid-template-rows:32px minmax(0,1fr)}.section-viewer svg{min-height:0}.section-head{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 7px;font-size:11px;color:#3c5055}.section-head>div{grid-column:1}.section-head #sectionTitle,.section-head #sectionMeta{display:block;text-align:left}.section-head #sectionTitle{font-weight:600}.section-head>#vehicleSummary{grid-column:2;text-align:center;font-weight:600;white-space:nowrap}.axle-mark{cursor:pointer}.axle-mark.selected circle,.axle-mark.selected rect{stroke-width:3}.used-library{min-width:0;display:grid}.used-rail{min-width:0;display:flex;gap:4px;overflow-x:auto;overflow-y:hidden}.tile{min-width:96px;padding:2px 4px;font-size:11px;white-space:nowrap}.tile.is-selected{outline:1px dashed #7b898c;outline-offset:-3px}.tile.is-active{background:#dfe9e9;border:2px solid var(--active);outline:2px solid var(--active);outline-offset:-3px;color:var(--active);font-weight:700}.tile.is-active.is-selected{outline:2px solid var(--active)}.new-axle-panel{display:grid;grid-template-columns:max-content max-content minmax(100px,1fr) max-content max-content max-content;align-items:center;gap:6px;padding:2px 4px;font-size:12px}.new-axle-panel input{width:43px;text-align:right}.new-axle-panel #newGross{width:70px}.new-axle-panel output{font-weight:600;color:var(--active);text-align:center}.section-controls{grid-row:1;display:grid;align-content:start;gap:3px;padding:3px;font-size:12px;overflow:visible}.section-controls>label,.geometry-fields label{display:grid;grid-template-columns:142px 1fr;align-items:center}.geometry-fields{display:grid;gap:3px}.geometry-fields label>span{justify-self:end;white-space:nowrap}.section-controls input[type=number]{width:42px;text-align:right}.section-controls input[type=text]{width:150px}.section-actions{display:flex;flex-wrap:wrap;gap:4px}.section-actions button{font-size:11px}.section-actions #removeSection{color:#8e3030}.section-controls output{font-size:11px;color:var(--active)}.selected-axle-controls{grid-row:3;display:grid;align-content:start;gap:8px;padding:3px;font-size:12px}.selected-axle-controls label{display:grid;grid-template-columns:108px max-content;align-items:center}.selected-axle-controls input{width:40px;text-align:right}.selected-axle-controls #selectedGross{width:80px}.selected-axle-controls output{font-weight:600;color:var(--active)}#add{background:#2d7959;color:#fff;border-color:#2d7959}#add:disabled{background:#b8c8c2;border-color:#b8c8c2}.warnings{grid-row:5;align-self:end;min-height:52px;padding:4px;border-top:1px solid #cad7d8;font-size:11px;color:#58686c}.warnings b{display:block;color:#35484d;margin-bottom:3px}.warnings .warning{color:#9a552a}@media (max-width:1000px){body{overflow:auto}.app-layout{height:auto;min-height:calc(100vh - 42px);grid-template-columns:300px minmax(360px,1fr)}.controls-column{grid-column:2;grid-row:2;min-height:250px}.vehicle-table{max-height:680px}}