:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18202c;background:#f5f7f4}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid #c8d0c5;border-radius:7px;background:#fff;color:#18202c;cursor:pointer}button:hover{border-color:#6b7f68}button:disabled{cursor:not-allowed;opacity:.45}select,input{min-height:38px;border:1px solid #c8d0c5;border-radius:7px;padding:0 10px;background:#fff}.shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #d8ded5;background:#fff}.topbar h1{margin:0;font-size:24px;letter-spacing:0}.topbar p{margin:4px 0 0;color:#64706b}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 320px;gap:0;min-height:calc(100vh - 82px)}.toolbar,.sidePanel{padding:18px;background:#eef2ea;border-right:1px solid #d8ded5}.sidePanel{border-right:0;border-left:1px solid #d8ded5;background:#fff}.toolGroup{display:grid;gap:8px;margin-bottom:14px}.toolGroup label{font-size:13px;font-weight:700;color:#506057}.measurement{color:#64706b;font-size:12px}.toolbar button{width:100%;margin-bottom:10px}.toolActions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.toolActions button{width:auto;margin:0}.selectionPanel{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #d8ded5}.selectionPanel strong{font-size:14px}.selectionPanel span{color:#64706b;font-size:13px;text-transform:capitalize}.selectionPanel label{margin-top:6px;color:#506057;font-size:13px;font-weight:700}.checkboxLabel{display:flex;align-items:center;gap:8px;margin-top:8px}.checkboxLabel input{width:16px;min-height:16px}.trackPanel{position:relative;min-width:0;min-height:calc(100vh - 82px);background:linear-gradient(#d9dfd5 1px,transparent 1px),linear-gradient(90deg,#d9dfd5 1px,transparent 1px);background-color:#f8faf7;background-size:32px 32px}.trackViewport{width:100%;height:calc(100vh - 82px);overflow:auto;cursor:grab}.trackViewport.panning{cursor:grabbing}.trackPanel svg{display:block;background:linear-gradient(#d9dfd5 1px,transparent 1px),linear-gradient(90deg,#d9dfd5 1px,transparent 1px);background-color:#f8faf7;background-size:32px 32px;-webkit-user-select:none;user-select:none}.canvasBounds{fill:transparent;stroke:#b9c3b5;stroke-width:2}.zoomControls{position:absolute;z-index:2;top:14px;right:14px;display:grid;grid-template-columns:38px 64px 38px;align-items:center;gap:8px;padding:8px;border:1px solid #d8ded5;border-radius:8px;background:#ffffffeb;box-shadow:0 8px 24px #18202c1f}.zoomControls span{color:#506057;font-size:13px;font-weight:700;text-align:center}.trackPiece{cursor:grab;touch-action:none}.trackPiece:active{cursor:grabbing}.hitRail{stroke:transparent;pointer-events:stroke}.trackPiece.selected line,.trackPiece.selected path{stroke-width:22}.trackPiece.selected .hitRail{stroke-width:38}.trackPiece.selected rect{outline:3px solid #18202c}.snapPoint{fill:#fff;stroke:#18202c;stroke-width:2;pointer-events:none}.sectionLabel{fill:#26323f;font-size:13px;font-weight:700}.trainGlyph{fill:#fff;font-size:14px;font-weight:800}.sidePanel h2{margin:0 0 12px;font-size:16px}.sidePanel h2:not(:first-child){margin-top:28px}.trainRow{display:grid;grid-template-columns:22px 1fr 34px 34px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0ea}.trainRow strong,.trainRow span{display:block}.trainRow span,.muted,.events{color:#64706b;font-size:13px}.iconButton{width:38px;padding:0}.danger{color:#bf3d31}.events{margin:0;padding-left:18px}.events li{margin-bottom:8px}@media (max-width: 980px){.workspace{grid-template-columns:1fr}.toolbar,.sidePanel{border:0;border-bottom:1px solid #d8ded5}.toolbar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:end}.toolbar button{margin:0}}