@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#eef3fb;background:#07111f;font-synthesis:none;--navy:#0b1727;--panel:#101f32;--line:#26384d;--muted:#93a2b6;--purple:#7447df;--blue:#1677ff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -20%,#1a2c48 0,#07111f 45%);color:#eef3fb}button,input,textarea,select{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700;color:#9a7cff}.primary{border:0;border-radius:8px;background:linear-gradient(135deg,#8254e8,#6436bd);color:#fff;padding:11px 18px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 22px #6d42cb3d}.wide{width:100%}.icon{border:0;background:transparent;color:#b8c4d5;display:grid;place-items:center;padding:8px;border-radius:8px}.icon:hover{background:#ffffff0d;color:#fff}.danger{color:#ff7f88}.app-shell{min-height:100vh}.topbar{height:68px;border-bottom:1px solid #ffffff0b;background:#091524d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 26px}.logo,.top-actions{display:flex;align-items:center;gap:12px}.logo svg{color:#9f7aea}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#26364a;font-size:12px;font-weight:700}.offline{font-size:11px;color:#ffd36b;background:#ffd36b15;border:1px solid #ffd36b2b;padding:5px 8px;border-radius:20px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,#5a3aa42b,transparent 28%),radial-gradient(circle at 80% 80%,#1677ff1c,transparent 35%)}.login-card{width:min(430px,100%);background:#101d2dd9;border:1px solid #ffffff16;border-radius:22px;padding:40px;box-shadow:0 30px 90px #0008;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-card h1{font:800 32px Manrope;margin:10px 0 8px}.brand-mark{height:52px;width:52px;border-radius:15px;background:linear-gradient(135deg,#8d62ec,#4f30a6);display:grid;place-items:center}.role-tabs{display:grid;grid-template-columns:1fr 1fr;background:#07111f;padding:4px;border-radius:10px;margin:26px 0 18px}.role-tabs button{border:0;background:transparent;color:#8f9db0;padding:9px;border-radius:7px}.role-tabs .active{background:#26364a;color:#fff}.login-card label,.property-form label,.modal label{display:grid;gap:7px;color:#aeb9c8;font-size:12px;margin:13px 0}.login-card input,.property-form input,.property-form textarea,.property-form select,.modal input{border:1px solid #304157;background:#0a1625;color:#edf3fb;border-radius:8px;padding:11px;outline:none}.demo-hint{font-size:11px;color:#718197;line-height:1.5;text-align:center;margin:18px 0 0}.library{max-width:1260px;margin:auto;padding:60px 32px}.library-heading,.library-tools{display:flex;align-items:center;justify-content:space-between;gap:18px}.library-heading h1{font:800 34px Manrope;margin:8px 0}.library-tools{margin:40px 0 20px;color:#8f9db0;font-size:13px}.search{display:flex;align-items:center;gap:9px;border:1px solid #26384d;background:#0b1727;border-radius:9px;padding:0 12px;width:min(360px,100%)}.search input{width:100%;border:0;background:transparent;color:#fff;padding:11px;outline:none}.map-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.map-card{overflow:hidden;border:1px solid #ffffff12;background:#101d2d;border-radius:15px;transition:.2s}.map-card:hover{transform:translateY(-3px);border-color:#7b55d266;box-shadow:0 18px 45px #0005}.map-thumb{height:170px;background:#e9edf1;position:relative;padding:18px}.published,.draft{position:absolute;top:12px;right:12px;border-radius:30px;padding:5px 9px;font-size:10px;font-weight:700}.published{background:#177c56;color:#dfffee}.draft{background:#c17a18;color:#fff5df}.mini-map{height:100%;position:relative;background-size:16px 16px;background-image:linear-gradient(#52606d20 1px,transparent 1px),linear-gradient(90deg,#52606d20 1px,transparent 1px);overflow:hidden}.mini-map i{position:absolute;width:28px;height:3px;background:#313b45}.mini-map svg{position:absolute;right:20%;bottom:24%;color:#5e35b1}.map-card-body{padding:18px}.map-card h3{margin:0 0 7px;font:700 18px Manrope}.map-card p{min-height:38px;margin:0;color:#8f9db0;font-size:13px;line-height:1.5}.card-meta,.card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-meta{border-top:1px solid #ffffff0c;margin-top:16px;padding-top:13px;color:#77889d;font-size:11px}.card-meta span{display:flex;gap:5px;align-items:center}.card-actions{margin-top:15px}.card-actions .primary{flex:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:grid;place-items:center;z-index:20;padding:20px}.modal{position:relative;width:min(430px,100%);background:#122035;border:1px solid #ffffff1c;border-radius:17px;padding:28px;box-shadow:0 25px 80px #0009}.modal h2{font:700 24px Manrope}.modal-x{position:absolute;right:12px;top:12px;border:0;background:transparent;color:#aab7c8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-shell{height:100vh;overflow:hidden;background:#07111f}.editor-top{height:68px;display:flex;align-items:center;gap:14px;padding:0 18px;background:#0a1625;border-bottom:1px solid #ffffff0b}.editor-title{display:flex;align-items:center;gap:6px;border-left:1px solid #29394e;padding-left:16px;color:#8697aa}.editor-title input{border:0;border-bottom:1px solid #33455b;background:transparent;color:#fff;padding:7px;width:210px;outline:none}.save-state{margin-left:auto;color:#9ba9ba;font-size:12px;display:flex;align-items:center;gap:7px}.student-badge{display:flex;gap:7px;color:#bdaceb;border:1px solid #674cac66;background:#5c3a9a2e;padding:8px 12px;border-radius:8px;font-size:12px}.editor-body{height:calc(100vh - 68px);display:grid;grid-template-columns:230px minmax(0,1fr) 300px}.tools-panel,.properties{background:#0c1929;border-right:1px solid #ffffff0c;padding:15px;overflow:auto}.properties{border-right:0;border-left:1px solid #ffffff0c}.panel-head{height:38px;text-transform:uppercase;letter-spacing:.08em;color:#9ba9ba;font-size:11px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.tool,.layer{width:100%;border:0;color:#c8d1df;background:transparent;border-radius:8px;display:flex;align-items:center;gap:13px;padding:10px;margin:2px 0;text-align:left;text-transform:capitalize}.tool svg,.layer svg{width:19px}.tool.active{background:#2b3b50;color:#fff}.tool.active svg{color:#41a1ff}.panel-section{border-top:1px solid #ffffff0d;margin-top:18px;padding:21px 8px 8px;color:#7f8da0;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.layer svg:last-child{margin-left:auto;width:16px}.canvas-area{min-width:0;position:relative;background:#172638;display:flex;flex-direction:column}.canvas-toolbar{height:64px;background:#101e30;display:flex;align-items:center;gap:12px;padding:0 18px;color:#c4cedc;font-size:12px}.canvas-toolbar>span:not(.spacer){border-right:1px solid #ffffff0d;padding-right:12px}.spacer{flex:1}.canvas-scroll{flex:1;overflow:auto;background:#cbd2d8;padding:30px}.map-canvas{position:relative;background-color:#f6f6f4;box-shadow:0 12px 35px #0004;background-image:linear-gradient(#87909a3d 1px,transparent 1px),linear-gradient(90deg,#87909a3d 1px,transparent 1px);background-size:58px 58px;transition:transform .15s}.map-canvas.no-grid{background-image:none}.cell{position:absolute;border:0;background:transparent;z-index:1}.cell:hover{background:#1677ff0e;outline:1px solid #1677ff77}.column-labels span,.row-labels span{position:absolute;display:grid;place-items:center;color:#5b6671;font-size:10px;pointer-events:none;z-index:5}.column-labels span{top:-22px}.row-labels span{left:-22px}.track-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.track-shape line{stroke:#222b32;stroke-width:4}.track-shape circle{fill:#f5f5f2;stroke:#222b32;stroke-width:2}.marker{position:absolute;z-index:4;transform:translate(-50%,-50%);border:0;display:grid;place-items:center}.marker.selected{outline:2px dashed #1677ff;outline-offset:7px}.marker-signal{width:22px;height:52px;background:#252c32;border:2px solid #0f1418;border-radius:9px;gap:2px;padding:5px}.signal-light{display:block;width:10px;height:10px;border-radius:50%;background:#5b6063;border:1px solid #111}.signal-light.red{background:#ff3939;box-shadow:0 0 7px #f33}.signal-light.yellow{background:#ffc829;box-shadow:0 0 7px #fc2}.signal-light.green{background:#42df55;box-shadow:0 0 7px #4e5}.marker-signal em{position:absolute;top:57px;background:#26323c;color:#fff;padding:3px 5px;font-size:8px;font-style:normal;border-radius:3px}.marker-speed{height:34px;min-width:34px;border:2px solid #111;background:#ffd529;border-radius:3px;color:#111}.marker-platform{width:105px;height:28px;border:1px solid #333;background:#dce1e5;color:#1c2731;border-radius:3px;font-size:10px}.marker-note{color:#176bd1;background:#fff;padding:6px;border:1px solid #a9b2bb;border-radius:50%;box-shadow:0 2px 5px #0002}.property-form{padding-top:8px}.object-summary{background:#152539;border:1px solid #ffffff0c;border-radius:10px;padding:13px;display:flex;align-items:center;gap:12px}.object-summary svg{color:#9b7be5}.object-summary div{display:grid;gap:3px}.object-summary small{color:#8c9bae}.object-summary strong{font-size:13px}.property-form textarea{resize:vertical;min-height:95px}.property-form input,.property-form textarea,.property-form select{width:100%}.location{font-size:11px;color:#8796a9;padding:12px 0}.danger-button{width:100%;border:1px solid #ff5b692e;background:#ff4e5c0e;color:#ff818c;border-radius:8px;padding:10px;display:flex;justify-content:center;gap:7px}.empty-inspector{text-align:center;color:#7f8ea1;padding:70px 18px}.empty-inspector svg{width:34px;height:34px}.empty-inspector h3{color:#c5cfdb;font-size:14px}.empty-inspector p{font-size:12px;line-height:1.6}.mobile-only,.mobile-dock,.phone-notice{display:none}.railway-signal-icon{fill:#252c32;stroke:currentColor;stroke-width:1.5}.railway-signal-icon circle:first-of-type{fill:#ef4444}.railway-signal-icon circle:nth-of-type(2){fill:#f5bf32}.railway-signal-icon circle:nth-of-type(3){fill:#45d45a}.canvas-scroll{padding:30px 130px 75px 30px}.add-grid{position:absolute;z-index:8;border:1px dashed #6c7784;background:#eef1f3;color:#40505e;border-radius:7px;padding:7px 10px;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;white-space:nowrap}.add-grid:hover{border-color:#1677ff;color:#0967cf;background:#e5f1ff}.add-grid:disabled{opacity:.4;cursor:not-allowed}.add-column{left:calc(100% + 12px);top:10px}.add-row{top:calc(100% + 12px);left:10px}.marker-signal{overflow:visible}.signal-indicators{position:absolute;left:50%;top:1px;width:1px;height:1px;z-index:6;pointer-events:none}.signal-indicators i{position:absolute;display:block;width:31px;height:8px;border:1px solid #080b0e;border-radius:5px;background:#252c32;box-shadow:0 2px 3px #0006;transform-origin:2px center}.signal-indicators i:after{content:"";position:absolute;left:6px;top:2px;width:19px;height:2px;border-radius:3px;background:#fffde4;box-shadow:0 0 5px 2px #fff}.signal-indicators .feather-2{transform:rotate(198deg)}.signal-indicators .feather-3{transform:rotate(180deg)}.signal-indicators .feather-5{transform:rotate(-18deg)}.signal-indicators .feather-6{transform:rotate(0)}.indicator-section{border-top:1px solid #ffffff10;margin-top:18px;padding-top:16px}.property-subhead{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#c7d1de;font-weight:700}.indicator-section p{font-size:11px;line-height:1.45;color:#8291a4;margin:7px 0 12px}.indicator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.indicator-grid button{height:48px;position:relative;border:1px solid #304157;background:#0a1625;color:#8f9db0;border-radius:7px}.indicator-grid button.active{border-color:#8e68ea;background:#6947b82e;color:#fff}.indicator-preview{position:absolute;display:block;left:50%;top:50%;width:18px;height:4px;border-radius:3px;background:#fffde4;box-shadow:0 0 4px #fff;transform-origin:left center}.indicator-preview.feather-1{transform:rotate(225deg)}.indicator-preview.feather-2{transform:rotate(198deg)}.indicator-preview.feather-3{transform:rotate(180deg)}.indicator-preview.feather-4{transform:rotate(-45deg)}.indicator-preview.feather-5{transform:rotate(-18deg)}.indicator-preview.feather-6{transform:rotate(0)}.indicator-grid strong{position:absolute;right:5px;bottom:3px;font-size:8px}.editor-shell:has(.student-badge) .add-grid{display:none}.theatre-box{position:absolute;left:50%;top:-24px;transform:translate(-50%);min-width:24px;height:18px;padding:1px 4px;display:grid;place-items:center;border:2px solid #0b0e11;border-radius:3px;background:#272e34;color:#fffde1;font:700 10px/1 monospace;letter-spacing:.04em;text-shadow:0 0 5px #fff;box-shadow:0 2px 4px #0007;white-space:nowrap;z-index:7}.field-hint{margin-top:-8px!important;font-size:10px!important;color:#728397!important}.signal-indicators .feather-1,.indicator-preview.feather-1{transform:rotate(225deg)}.signal-indicators .feather-2,.indicator-preview.feather-2{transform:rotate(180deg)}.signal-indicators .feather-3,.indicator-preview.feather-3{transform:rotate(135deg)}.signal-indicators .feather-4,.indicator-preview.feather-4{transform:rotate(-45deg)}.signal-indicators .feather-5,.indicator-preview.feather-5{transform:rotate(0)}.signal-indicators .feather-6,.indicator-preview.feather-6{transform:rotate(45deg)}.face-left.marker-signal,.face-right.marker-signal{margin:0}.face-left.marker-signal:after,.face-right.marker-signal:after{content:"";position:absolute;left:50%;width:18px;height:2px;background:#242c32;transform:translate(-50%);z-index:-1}.face-right.marker-signal:after{top:48px}.face-left.marker-signal:after{bottom:48px}.map-canvas{background-color:#fff;background-image:linear-gradient(#87909a18 1px,transparent 1px),linear-gradient(90deg,#87909a18 1px,transparent 1px)}.cell:hover{background:#1677ff0a;outline:1px dashed #1677ff70}.track-shape line{stroke:#111820;stroke-width:2}.track-shape line+line{stroke-width:2}.track-shape circle{r:3;fill:#fff;stroke:#111820;stroke-width:1.5}.marker-signal{width:36px;height:12px;display:flex;flex-direction:row;gap:2px;padding:2px 3px;border:1px solid #080a0c;border-radius:1px;background:#1d2226;overflow:visible}.signal-inline-lights{display:flex;align-items:center;gap:2px}.signal-lamp{display:block;width:5px;height:5px;border-radius:50%;background:#666;border:1px solid #0a0a0a}.signal-lamp.red{background:#f33;box-shadow:0 0 3px #f33}.signal-lamp.yellow{background:#ffd52e;box-shadow:0 0 3px #ffd52e}.signal-lamp.green{background:#4dd45b;box-shadow:0 0 3px #4dd45b}.marker-signal em{top:14px;background:transparent;color:#1a2228;padding:0;font-size:7px;font-weight:700;white-space:nowrap}.face-left.marker-signal{transform:translate(-50%,-50%) rotate(180deg)}.face-left.marker-signal em,.face-left.marker-signal .theatre-box,.face-left.marker-signal .signal-indicators{transform:rotate(180deg)}.marker-signal:after{display:none}.marker-platform{width:150px;height:18px;border:0;background:#4d4d4f;color:#fff;border-radius:0;font-size:9px;font-style:italic;font-weight:700;letter-spacing:.02em}.marker-platform:before{content:"";position:absolute;left:0;right:0;top:-3px;height:2px;background:#111}.marker-speed{width:24px;min-width:24px;height:24px;border:2px solid #ad3434;background:#fff;border-radius:50%;color:#232323;font:700 8px/1 Arial}.marker-note{width:150px;min-height:45px;border-radius:0;padding:7px 9px;color:#fff;text-align:center;display:flex;flex-direction:column;gap:3px;box-shadow:none}.marker-note strong{font-size:10px;font-style:italic}.marker-note small{font-size:8px;line-height:1.2}.marker-note.note-warning{background:#b72c28;border:1px solid #8f1e1b}.marker-note.note-info{background:#e77f2f;border:1px solid #c2631f}.marker-note:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:22px;background:inherit}.marker.selected{outline:2px dashed #1677ff;outline-offset:5px}.signal-indicators{top:3px}.signal-indicators i{width:20px;height:5px}.signal-indicators i:after{left:4px;top:1px;width:12px;height:1px}.theatre-box{top:-20px;min-width:20px;height:14px;font-size:8px;border-width:1px}.marker-signal{width:12px;height:36px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;padding:3px 2px}.signal-inline-lights{display:flex;flex-direction:column;gap:2px}.signal-number{position:absolute;top:38px;left:50%;transform:translate(-50%);color:#161d22;background:#fff;padding:0 2px;font:700 7px/1.1 Arial;white-space:nowrap}.face-left.marker-signal{transform:translate(-50%,-50%) rotate(0)}.signal-indicators{left:50%;top:2px}.theatre-box{top:-17px}.marker-signal:before{content:"";position:absolute;left:50%;top:-8px;width:1px;height:52px;background:#111;transform:translate(-50%);z-index:-1}.marker-signal{width:38px;height:12px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2px;padding:2px 3px;transform:translate(-50%,-50%)}.signal-inline-lights{display:flex;flex-direction:row;gap:2px}.face-left.marker-signal{transform:translate(-50%,-50%)}.signal-number{position:absolute;top:17px;left:50%;transform:translate(-50%) rotate(90deg);transform-origin:center top;color:#161d22;background:#fff;padding:1px 2px;font:700 7px/1 Arial;white-space:nowrap}.marker-signal:before{content:"";position:absolute;left:-5px;right:-5px;top:50%;width:auto;height:1px;background:#111;transform:none;z-index:-1}.signal-indicators{left:50%;top:50%}.theatre-box{top:-18px}.face-left.marker-signal .theatre-box,.face-left.marker-signal .signal-indicators{transform:none}.marker-signal{width:42px;height:11px;justify-content:flex-start;padding:2px 3px 2px 5px;border-radius:1px}.signal-inline-lights{gap:2px}.signal-lamp{width:5px;height:5px}.signal-head{position:absolute;right:-2px;top:50%;width:1px;height:1px}.signal-number{top:3px;left:0;transform:translate(-50%) rotate(90deg);transform-origin:center top;color:#fff;background:#111820;border:1px solid #030506;padding:1px 2px;font:700 6.9px/1 Arial}.signal-head:after{content:"";position:absolute;top:19px;left:0;width:2px;height:11px;background:#111820;transform:translate(-50%)}.signal-indicators{left:0;top:-4px}.theatre-box{left:0;top:-19px}.face-left.marker-signal .signal-inline-lights{flex-direction:row}.face-left.marker-signal .signal-number{transform:translate(-50%) rotate(-90deg)}.marker-signal:before{left:-9px;right:-9px}.signal-indicators i{width:18px;height:5px;transform-origin:1px center}.signal-indicators i:after{left:3px;top:1px;width:12px;height:1px}.signal-indicators .feather-1{transform:rotate(225deg)}.signal-indicators .feather-2{transform:rotate(180deg)}.signal-indicators .feather-3{transform:rotate(135deg)}.signal-indicators .feather-4{transform:rotate(-45deg)}.signal-indicators .feather-5{transform:rotate(0)}.signal-indicators .feather-6{transform:rotate(45deg)}.signal-head .signal-indicators{left:0;top:-7px;z-index:9}.signal-head .signal-indicators i{width:16px;height:5px}.signal-head .signal-indicators i:after{left:3px;width:10px}.signal-head .signal-number{z-index:8}.face-left.marker-signal .signal-head .signal-indicators,.face-right.marker-signal .signal-head .signal-indicators{transform:none}@media(max-width:1050px){.editor-body{grid-template-columns:70px minmax(0,1fr) 270px}.tools-panel{padding:10px}.tools-panel .panel-head,.tools-panel .panel-section,.tool span,.layer span,.layer svg:last-child{display:none}.tool,.layer{justify-content:center;padding:12px}.editor-title span{display:none}}@media(max-width:760px){.library{padding:35px 18px}.library-heading{align-items:flex-start;flex-direction:column}.topbar{padding:0 16px}.logo strong{font-size:14px}.editor-top{height:58px;padding:0 8px}.editor-title{padding-left:0;border:0}.editor-title input{width:145px}.save-state,.editor-top .primary{display:none}.editor-body{height:calc(100vh - 58px);display:block}.tools-panel,.properties{position:fixed;z-index:20;bottom:0;left:0;right:0;top:25%;transform:translateY(110%);transition:.25s;border:1px solid #ffffff15;border-radius:18px 18px 0 0;padding:18px}.tools-panel.open,.properties.open{transform:translateY(0)}.tools-panel .panel-head,.tools-panel .panel-section,.tool span,.layer span,.layer svg:last-child{display:flex}.tool,.layer{justify-content:flex-start;padding:11px}.mobile-only{display:grid}.canvas-area{height:100%}.canvas-toolbar{height:48px}.canvas-scroll{padding:28px}.mobile-dock{position:absolute;display:flex;bottom:14px;left:50%;transform:translate(-50%);z-index:10;background:#0d1a2be8;border:1px solid #ffffff14;border-radius:12px;padding:4px;box-shadow:0 8px 24px #0006}.mobile-dock button{border:0;background:transparent;color:#d3dbe7;padding:8px 15px;display:flex;align-items:center;gap:6px}.mobile-dock svg{width:16px}.phone-notice{display:block;background:#7d5bc8;color:#fff;font-size:11px;text-align:center;padding:5px}.editor-shell:has(.phone-notice) .editor-body{height:calc(100vh - 83px)}.form-row{grid-template-columns:1fr}.login-card{padding:28px}.map-card{max-width:420px}}.remove-tool{margin-top:10px;color:#ff8a94;border:1px solid #ff5b6933;background:#ff4e5c0a}.remove-tool.active{background:#7a2831;color:#fff;border-color:#ff6c78}.remove-tool.active svg{color:#fff}.cell.selected-cell{background:#1677ff20;outline:2px solid #1677ff;outline-offset:-2px}.selection-count{color:#9fc9ff;font-weight:700}.railway-object-icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.railway-platform-icon .platform-surface{fill:currentColor;fill-opacity:.22}.track-orientation{display:grid;gap:5px;margin:6px 2px 10px;color:#8f9db0;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.track-orientation select{width:100%;border:1px solid #304157;background:#0a1625;color:#edf3fb;border-radius:7px;padding:8px;font-size:11px;text-transform:none}.track-links line{stroke:#111820;stroke-width:2}.track-shape.selected line{stroke:#1677ff;stroke-width:4}.track-endpoint{position:absolute;z-index:9;width:16px;height:16px;border:3px solid #1677ff;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #1677ff33}.track-endpoint:hover,.track-endpoint.selected{background:#1677ff;border-color:#fff;box-shadow:0 0 0 4px #1677ff99}.editor-title,.editor-title input{min-width:0}.save-state,.undo-button,.editor-top>.primary,.student-badge{flex-shrink:0;white-space:nowrap}.undo-button{border:1px solid #ffffff18;background:#ffffff08;color:#c8d3e1;border-radius:8px;padding:8px 11px;display:flex;align-items:center;gap:6px;font-size:11px}.undo-button:hover:not(:disabled){background:#ffffff12;color:#fff}.undo-button:disabled{opacity:.35;cursor:not-allowed}.marker-signal .signal-head{right:-2px;left:auto;top:50%}.marker-signal .signal-number{top:8px;left:0;transform:translate(-50%) rotate(90deg);transform-origin:center top;z-index:8}.marker-signal .signal-head .signal-indicators{left:0;top:-7px;transform:none;z-index:9}.face-left.marker-signal .signal-head{right:auto;left:-2px}.face-left.marker-signal .signal-number{transform:translate(-50%) rotate(90deg)}.face-left.marker-signal .signal-head .signal-indicators{transform:none}.marker-signal .signal-above{position:absolute;right:-2px;top:-7px;width:1px;height:1px;z-index:9}.face-left.marker-signal .signal-above{right:auto;left:-2px}.marker-signal .signal-above .signal-indicators{left:0;top:0;transform:none}.marker-signal .signal-above .theatre-box{left:0;top:-19px}.marker-signal .signal-above{left:50%;right:auto;top:-19px;transform:translate(-50%)}.face-left.marker-signal .signal-above{left:50%;right:auto}.marker-signal .signal-number,.face-left.marker-signal .signal-number{left:0;top:0;transform:translate(-50%) rotate(90deg)}.marker-signal .signal-head:after{left:0;top:21px}.face-left.marker-signal .signal-inline-lights{flex-direction:row-reverse}.marker-signal{width:13px;height:38px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3px 2px;background:#fff;border:2px solid #111820;border-radius:0;transform-origin:center center}.marker-signal .signal-inline-lights,.face-left.marker-signal .signal-inline-lights{display:flex;flex-direction:column;align-items:center;gap:2px}.marker-signal .signal-lamp{width:7px;height:7px}.marker-signal .signal-above,.face-left.marker-signal .signal-above{left:50%;right:auto;top:-5px;transform:translate(-50%,-100%)}.marker-signal .signal-above .signal-indicators{left:0;top:0}.marker-signal .signal-above .theatre-box{left:0;top:-20px}.marker-signal .signal-head,.face-left.marker-signal .signal-head{left:50%;right:auto;top:calc(100% + 5px);transform:translate(-50%)}.marker-signal .signal-number,.face-left.marker-signal .signal-number{position:absolute;left:0;top:0;transform:translate(-50%);min-width:30px;padding:2px 3px;color:#111820;background:#fff;border:2px solid #111820;font:700 7px/1 Arial;text-align:center;white-space:nowrap}.marker-signal .signal-head:after{content:"";position:absolute;left:0;top:17px;width:2px;height:11px;background:#111820;transform:translate(-50%)}.marker-signal:before{display:none}.signal-placement{margin:6px 2px 10px;padding:8px;border:1px solid #ffffff10;border-radius:8px;background:#081522}.signal-placement label{display:grid;gap:5px;margin:7px 0;color:#8f9db0;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.signal-placement select{width:100%;border:1px solid #304157;background:#0a1625;color:#edf3fb;border-radius:7px;padding:8px;font-size:11px;text-transform:none}.platform-settings{display:grid;gap:2px;margin-top:10px}.platform-settings label{margin:8px 0}.marker-platform{width:54px;height:15px;padding:1px 4px;overflow:visible;display:flex;align-items:center;justify-content:flex-start;gap:4px;background:#8a9096;color:#fff;border:1px solid #5e646a;border-radius:0;font-style:normal}.marker-platform:before{top:auto;bottom:-4px;height:2px;background:#555b60}.platform-number{min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;background:#fff;color:#111;border:1px solid #111;font:800 9px/1 Arial;transform:rotate(0)}.platform-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:6px}.marker-platform small{position:absolute;left:50%;top:100%;transform:translate(-50%,4px);padding:2px 4px;background:#b4232c;color:#fff;border:1px solid #7e1017;font:800 6px/1 Arial;letter-spacing:.08em;white-space:nowrap}.marker-platform.platform-unusable{background:repeating-linear-gradient(135deg,#a7262e 0,#a7262e 5px,#55151a 5px,#55151a 10px);opacity:.82}.marker-platform.platform-unusable:before{background:#a4262d}.marker-signal.marker-pls{width:20px;height:17px;padding:0;background:transparent;border:0;overflow:visible}.marker-pls .pls-head{position:relative;width:20px;height:17px;display:block;background:#171b1f;border:2px solid #080a0c;clip-path:polygon(50% 0,100% 100%,0 100%)}.marker-pls .pls-lamp{position:absolute;width:5px;height:5px;border-radius:50%;background:#3b4146;border:1px solid #080a0c}.marker-pls .pls-top{left:50%;top:3px;transform:translate(-50%)}.marker-pls .pls-left{left:3px;bottom:2px}.marker-pls .pls-right{right:3px;bottom:2px}.marker-pls .pls-head.stop .pls-left,.marker-pls .pls-head.stop .pls-right{background:#f33;box-shadow:0 0 4px #f33}.marker-pls .pls-head.proceed .pls-top,.marker-pls .pls-head.proceed .pls-right{background:#fff;box-shadow:0 0 4px #fff}.marker-pls .signal-number,.face-left.marker-pls .signal-number{min-width:24px;padding:1px 2px;font-size:6px}.marker-pls .signal-head:after{display:none}.marker-pls .pls-above{position:absolute;left:50%;top:-5px;width:1px;height:1px;transform:translate(-50%,-100%)}.marker-pls .pls-above .theatre-box{left:0;top:-17px}.marker-pls:before{display:none}.theatre-box{background:#050607;color:#fff;border-color:#000;text-shadow:0 0 5px #fff}.signal-properties-wrap>.property-form>.indicator-section:last-of-type,.signal-properties-wrap>.property-form>.danger-button{display:none}.signal-properties-wrap>.danger-button{margin-top:12px}.active-theatre-selector{display:grid;gap:7px;color:#aeb9c8;font-size:12px;margin:13px 0}.active-theatre-selector select{width:100%;border:1px solid #304157;background:#0a1625;color:#edf3fb;border-radius:8px;padding:11px;outline:none}.theatre-indications{padding-bottom:4px}.theatre-indication-row{display:grid;grid-template-columns:1fr 36px;gap:7px;margin:8px 0}.theatre-indication-row input{min-width:0;border:1px solid #304157;background:#0a1625;color:#edf3fb;border-radius:8px;padding:9px;outline:none}.theatre-indication-row button,.add-indication{border:1px solid #304157;background:#0a1625;color:#b9c6d7;border-radius:7px;display:flex;align-items:center;justify-content:center}.add-indication{width:100%;gap:7px;padding:9px;margin-top:9px}.theatre-indication-row button:disabled{opacity:.4}.cleared-route-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.cleared-routes line{stroke:#8a949e;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.signal-indicators i:after{opacity:.18;box-shadow:none}.signal-indicators i.active:after{opacity:1;box-shadow:0 0 5px 2px #fff}.marker-signal:not(.marker-pls) .signal-number{min-width:28px;padding:2px 4px;font-size:11px}.marker-signal:not(.marker-pls) .signal-head .theatre-box{left:0;top:17px;transform:translate(-50%)}.marker-signal.marker-pls .signal-number,.face-left.marker-signal.marker-pls .signal-number{min-width:30px;padding:2px 3px;font-size:11px}.marker-signal .theatre-box{min-width:26px;height:18px;padding:1px 5px;font-size:10.5px}.marker-signal:not(.marker-pls){width:16px;height:46px;padding:4px 2px}.marker-signal:not(.marker-pls) .signal-lamp{width:8.4px;height:8.4px}.marker-signal:not(.marker-pls) .signal-above,.face-left.marker-signal:not(.marker-pls) .signal-above{top:-12px}.marker-signal:not(.marker-pls) .signal-indicators i{width:21.6px;height:6px}.marker-signal:not(.marker-pls) .signal-indicators i:after{left:3.6px;top:1.2px;width:14.4px;height:1.2px}.marker-signal:not(.marker-pls) .signal-head,.face-left.marker-signal:not(.marker-pls) .signal-head{top:calc(100% + 5px)}.marker-signal:not(.marker-pls) .signal-number{min-width:24px;font-size:11px}.marker-signal:not(.marker-pls) .signal-head .theatre-box{top:17px}.marker-signal:not(.marker-pls) .signal-head:has(.theatre-box):after{top:35px}.marker-signal.marker-pls,.marker-pls .pls-head{width:24px;height:20px}.marker-pls .pls-lamp{width:6px;height:6px}.marker-pls .pls-top{top:3.6px}.marker-pls .pls-left{left:3.6px;bottom:2.4px}.marker-pls .pls-right{right:3.6px;bottom:2.4px}.marker-pls .signal-head,.face-left.marker-pls .signal-head{top:calc(100% + 4px)}.marker-signal.marker-distant{width:16px;height:34px;padding:4px 2px}.marker-distant .signal-inline-lights,.face-left.marker-distant .signal-inline-lights{gap:3px}.marker-distant .signal-head,.face-left.marker-distant .signal-head{top:calc(100% + 5px)}.associated-pls{position:absolute;bottom:-20px;width:18px;height:15px;display:block;z-index:9}.track-side-left .associated-pls{left:-22px}.track-side-right .associated-pls{right:-22px}.associated-pls .pls-head{position:relative;width:18px;height:15px;display:block;background:#171b1f;border:2px solid #080a0c;clip-path:polygon(50% 0,100% 100%,0 100%)}.associated-pls .pls-lamp{position:absolute;width:4px;height:4px;border-radius:50%;background:#3b4146;border:1px solid #080a0c}.associated-pls .pls-top{left:50%;top:2px;transform:translate(-50%)}.associated-pls .pls-left{left:2px;bottom:1px}.associated-pls .pls-right{right:2px;bottom:1px}.associated-pls .pls-head.stop .pls-left,.associated-pls .pls-head.stop .pls-right{background:#f33;box-shadow:0 0 4px #f33}.associated-pls .pls-head.proceed .pls-top,.associated-pls .pls-head.proceed .pls-right{background:#fff;box-shadow:0 0 4px #fff}.associated-pls-above{position:absolute;left:50%;top:-4px;width:1px;height:1px;transform:translate(-50%,-100%)}.associated-pls-above .theatre-box{left:0;top:-17px}.associated-pls-controls .checkbox-label{display:flex;grid-template-columns:auto 1fr;align-items:center;justify-content:flex-start;gap:8px}.associated-pls-controls .checkbox-label input{width:auto}.buffer-stop-icon{overflow:visible;fill:none;stroke:#20262e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.buffer-stop-icon rect{fill:#d94747;stroke:#20262e;stroke-width:1.5}.buffer-stop-icon .buffer-stripes{stroke:#fff;stroke-width:1.3}.marker-signal.marker-buffer-stop{width:36px;height:36px;padding:0;background:transparent;border:0;overflow:visible}.marker-buffer-stop:before,.marker-buffer-stop:after{display:none}.marker-buffer-stop .buffer-stop-icon{filter:drop-shadow(0 1px 1px #fff)}.graph-canvas{position:relative;background:#f8f8f5;box-shadow:0 12px 35px #0004;transform-origin:top left}.graph-canvas>svg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.graph-tunnel-grid path{fill:none;stroke:url(#tunnelHatch);stroke-width:42;stroke-linecap:round;stroke-linejoin:round;opacity:.62;pointer-events:none}.graph-segments path{fill:none;stroke:#151d24;stroke-width:4;stroke-linecap:round;cursor:pointer;pointer-events:stroke}.graph-segments path:hover,.graph-segments path.selected{stroke:#1677ff;stroke-width:6}.graph-clear line{stroke:#8f99a3;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.graph-points circle{fill:#fff;stroke:#1677ff;stroke-width:2;cursor:move}.graph-points circle.selected{fill:#1677ff;stroke:#fff}.curve-handle{fill:#f0b429;stroke:#623b00;stroke-width:2;cursor:move}.graph-crossing{cursor:pointer}.graph-crossing circle{fill:#e4931e;stroke:#6b3c00;stroke-width:2}.graph-crossing.assigned circle{fill:#17212a;stroke:#fff}.graph-crossing text{fill:#fff;font:700 9px Arial;text-anchor:middle;pointer-events:none}.graph-bridge-gap{fill:#f8f8f5;stroke:none}.graph-bridge-edge{fill:none;stroke:#f8f8f5;stroke-width:12;stroke-linecap:butt}.graph-bridge-top{fill:none;stroke:#151d24;stroke-width:4;stroke-linecap:round}.graph-marker{position:absolute;z-index:5;min-width:22px;min-height:22px;border:1px solid #111820;background:#fff;color:#111820;display:grid;place-items:center;padding:3px;cursor:pointer;transform-origin:center}.graph-marker.selected{outline:2px dashed #1677ff;outline-offset:5px}.graph-signal{width:24px;height:24px;border-radius:50%;background:#182028}.graph-signal strong{position:absolute;top:25px;white-space:nowrap;font-size:9px;background:#fff;padding:1px 3px}.graph-signal-lamp{width:10px;height:10px;border-radius:50%;background:#4b5359}.graph-signal-lamp.red{background:#f33;box-shadow:0 0 5px #f33}.graph-signal-lamp.yellow,.graph-signal-lamp.double-yellow{background:#ffd32e;box-shadow:0 0 5px #ffd32e}.graph-signal-lamp.green{background:#4bd35a;box-shadow:0 0 5px #4bd35a}.graph-associated-pls{position:absolute;right:-13px;width:9px;height:9px;background:#252c32;clip-path:polygon(50% 0,100% 100%,0 100%)}.graph-associated-pls.clear{background:#fff;box-shadow:0 0 5px #fff}.graph-train{min-width:50px;display:flex;gap:4px;border-radius:8px;background:#697985;color:#fff}.graph-platform{min-width:65px;background:#8a9096;color:#fff}.graph-speed{border-radius:50%;border:3px solid #b53a3a}.graph-note{max-width:130px;background:#e77f2f;color:#fff}.graph-help{color:#8190a3;font-size:11px;line-height:1.5;padding:8px}.graph-tool-select{display:grid;gap:6px;color:#9ba9ba;font-size:11px;margin:12px 0}.graph-tool-select select{width:100%;border:1px solid #304157;background:#0a1625;color:#edf3fb;border-radius:7px;padding:8px}.graph-editor .property-form button:not(.danger-button):not(.primary){width:100%;border:1px solid #34465c;background:#14243a;color:#d7e0eb;border-radius:8px;padding:9px;margin:6px 0}.branch-list{display:grid;gap:7px;margin:12px 0}.branch-list>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;color:#9ba9ba;font-size:11px}.branch-list button{width:auto!important;margin:0!important}.graph-crossing-choice{font-size:11px;color:#9ba9ba;line-height:1.5}.graph-points circle.connect-start{fill:#f0b429;stroke:#623b00;stroke-width:3}.platform-handle{position:absolute;z-index:10;width:14px;height:14px;border-radius:50%;border:3px solid #1677ff;background:#fff;transform:translate(-50%,-50%);cursor:ew-resize}.platform-handle:hover{background:#1677ff}.graph-segments .travel-arrow{pointer-events:none;stroke:#55738d!important;stroke-width:1.8!important}.tunnel-toggle,.flashing-yellow-toggle{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px;margin:12px 0;color:#c7d1db}.tunnel-toggle input,.flashing-yellow-toggle input{width:auto!important}.map-size-button{border:1px solid #34465c;background:#14243a;color:#d7e0eb;border-radius:7px;padding:7px 9px;display:flex;align-items:center;gap:5px;white-space:nowrap}.map-size-button:disabled{opacity:.35;cursor:not-allowed}.graph-bridge{pointer-events:none}.graph-bridge-mask{stroke:#f8f8f5;stroke-width:18;stroke-linecap:butt}.graph-bridge .graph-bridge-top{stroke:#151d24;stroke-width:4;stroke-linecap:round}.graph-bridge .graph-bridge-edge{stroke:#56616b;stroke-width:2;stroke-linecap:round}.graph-crossing.assigned .graph-crossing-hit{fill:transparent;stroke:transparent;pointer-events:all}.graph-crossing.assigned:hover .graph-crossing-hit{fill:#1677ff12;stroke:#1677ff;stroke-width:1}.marker-train{transition:opacity .12s linear}.graph-segments .graph-track-name{pointer-events:none;fill:#263746;stroke:#f8f8f5;stroke-width:3px;paint-order:stroke fill;font:600 10px Manrope,Arial,sans-serif;text-anchor:middle}.signal-properties-wrap>.property-form>label:nth-of-type(7),.buffer-properties-wrap>.property-form>label:nth-of-type(4),.signal-properties-wrap>.property-form>label:not(.active-theatre-selector):has(>select>option[value=main]),.buffer-properties-wrap>.property-form>label:has(>select>option[value=main]),.signal-properties-wrap>.property-form>.field-hint,.buffer-properties-wrap>.property-form>.field-hint{display:none}.previous-signals-editor{padding-bottom:4px}.previous-signal-row{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:7px;margin:8px 0}.previous-signal-row:has(select+select){grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px}.previous-signal-row select{min-width:0;border:1px solid #304157;background:#0a1625;color:#edf3fb;border-radius:8px;padding:9px;outline:none}.previous-signal-row button{border:1px solid #304157;background:#0a1625;color:#b9c6d7;border-radius:7px;display:flex;align-items:center;justify-content:center}.previous-signal-row button:disabled{opacity:.4}.travel-arrow{fill:none;stroke:#55738d!important;stroke-width:1.4!important;stroke-linecap:round;stroke-linejoin:round}.track-shape.selected .travel-arrow{stroke:#d9edff!important;stroke-width:1.7!important}.track-direction-settings,.junction-direction-settings{display:grid;gap:4px;margin-top:10px}.track-direction-settings>span,.junction-direction-row>span{font-size:12px;color:#c7d1db}.junction-direction-row{display:grid;gap:5px;margin:7px 0}.junction-direction-settings{border-top:1px solid #ffffff10;padding-top:13px}.form-error{color:#ff9da5;background:#ff596714;border:1px solid #ff596733;border-radius:8px;padding:9px 11px;font-size:12px}.secondary{border:1px solid #34465c;background:#14243a;color:#d7e0eb;border-radius:8px;padding:9px 13px;display:flex;align-items:center;justify-content:center;gap:7px}.pending-card{display:grid;gap:12px;text-align:center}.pending-card>svg{margin:auto;color:#9a7cff}.role-summary{max-width:280px;color:#9aaabc;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-page{max-width:1280px;margin:auto;padding:42px 30px 80px}.admin-heading{display:flex;align-items:center;gap:14px;margin-bottom:28px}.admin-heading h1{margin:4px 0;font:800 32px Manrope}.admin-section{background:#0d1a2b;border:1px solid #ffffff10;border-radius:14px;padding:20px;margin-top:22px}.admin-section h2{font:700 20px Manrope;margin:0 0 16px}.user-list,.admin-map-list,.share-list{display:grid;gap:9px}.user-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(420px,2fr) 40px;gap:18px;align-items:center;background:#122238;border:1px solid #ffffff0b;border-radius:10px;padding:13px}.user-identity{display:grid;gap:3px}.user-identity span,.user-identity small,.admin-map-row span,.share-list small{color:#8fa0b5;font-size:11px}.role-checks{display:flex;flex-wrap:wrap;gap:7px}.role-checks label{display:flex;align-items:center;gap:5px;background:#091728;border:1px solid #2b3c51;border-radius:20px;padding:6px 9px;color:#c3cedb;font-size:11px}.admin-map-row{display:grid;grid-template-columns:1fr auto 40px;align-items:center;gap:10px;background:#122238;border-radius:9px;padding:11px 13px}.admin-map-row>div{display:grid;gap:3px}.share-modal{width:min(620px,100%)}.share-add{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;margin:20px 0}.share-add select{min-width:0;border:1px solid #304157;background:#0a1625;color:#edf3fb;border-radius:8px;padding:11px}.share-add button:disabled{opacity:.45}.share-list>div{display:flex;align-items:center;justify-content:space-between;background:#0a1728;border:1px solid #ffffff0d;border-radius:8px;padding:9px 10px}.share-list span{display:grid;gap:3px}.active-role-select{display:flex;align-items:center;gap:6px;color:#9aaabc;font-size:11px}.active-role-select select,.admin-override-launcher select{border:1px solid #34465c;background:#0a1625;color:#edf3fb;border-radius:7px;padding:7px}.admin-override-launcher{display:flex;gap:6px}.admin-override-launcher .secondary{padding:7px 9px}.admin-override-launcher button:disabled{opacity:.45}body[data-admin-override]:before{content:attr(data-admin-override);position:fixed;z-index:100;left:50%;top:5px;transform:translate(-50%);background:#8b251f;color:#fff;border:1px solid #ff9b8f;border-radius:7px;padding:7px 14px;font:700 12px/1.2 Arial;box-shadow:0 4px 18px #0008}.railway-train-icon{fill:#87949e;stroke:#17212a;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.marker-train{z-index:7;width:52px;height:26px;padding:0;border:0;background:transparent;overflow:visible}.train-body{position:relative;width:48px;height:22px;display:grid;place-items:center;background:linear-gradient(#a4afb7,#74828d);border:2px solid #17212a;border-radius:10px 5px 5px 10px;box-shadow:0 2px 4px #0005}.train-body:before{content:"";position:absolute;left:5px;right:5px;top:3px;height:6px;background:#294a63;border-radius:5px}.train-body strong{position:absolute;left:50%;top:50%;padding:1.2px 3.5px;background:#101820;color:#fff;font:700 7px/1 Arial;letter-spacing:.05em;white-space:nowrap;z-index:4}.train-light{position:absolute;width:4px;height:4px;border-radius:50%;top:13px}.train-light.one{transform:translateY(-4px)}.train-light.two{transform:translateY(4px)}.headlight{right:1px;background:#ffd52e;box-shadow:0 0 4px #ffd52e}.taillight{left:1px;background:#f33;box-shadow:0 0 3px #f33}.train-status{display:grid;gap:5px;margin:16px 0;padding:11px;background:#0a1625;border:1px solid #304157;border-radius:8px;text-transform:capitalize}.train-status span,.train-status small{color:#8fa0b5;font-size:11px}.train-controls{display:grid;gap:8px;margin:16px 0}.train-controls button{width:100%}.train-controls button:disabled{opacity:.4;cursor:not-allowed}.marker-train{width:50px;height:24px}.train-body{width:46px;height:20px;background:#87949e;border:2px solid #17212a;border-radius:3px;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%)}.train-body:before{left:8px;right:8px;top:3px;height:5px;background:#29485d;border-radius:1px}.train-body:after{content:"";position:absolute;left:8px;right:8px;bottom:3px;height:4px;border-top:1px solid #53636e;border-bottom:1px solid #53636e}.train-light{width:4px;height:4px;top:50%;z-index:3}.train-light.one{transform:translateY(-7px)}.train-light.two{transform:translateY(3px)}.headlight{right:1px}.taillight{left:1px}.global-map-badge{position:absolute;top:12px;left:12px;border-radius:30px;padding:5px 9px;font-size:10px;font-weight:700;background:#315ecf;color:#eef5ff}.global-toggle{display:flex;align-items:center;gap:7px;color:#aeb9c8;font-size:12px;white-space:nowrap}.global-toggle:has(input:disabled){opacity:.45}.admin-map-row{grid-template-columns:1fr auto auto 40px}.graph-editor .marker-platform.platform-side-right:before{top:-4px;bottom:auto}.platform-placement-mode{cursor:crosshair;touch-action:none}.platform-placement-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:visible;pointer-events:none}.platform-placement-overlay path{fill:none;stroke-linecap:round;stroke-linejoin:round}.platform-placement-lanes path{stroke:#1688ff;stroke-width:7;opacity:.22;stroke-dasharray:5 8}.platform-placement-occupied path{stroke:#d83d48;stroke-width:11;opacity:.65;stroke-dasharray:8 5}.platform-placement-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;opacity:.68}.platform-placement-preview .marker-platform{background:#1688ff;border-color:#075eae}.platform-placement-preview.blocked .marker-platform{background:repeating-linear-gradient(135deg,#d83d48 0,#d83d48 5px,#811d25 5px,#811d25 10px);border-color:#811d25}.train-placement-option{position:absolute;z-index:11;border:1px solid #075eae;border-radius:999px;background:#1688ff;color:#fff;padding:5px 9px;font-size:10px;font-weight:700;white-space:nowrap;box-shadow:0 2px 7px #0005;cursor:pointer}.train-placement-option:hover{background:#086fcf}.train-placement-option.occupied{border-color:#811d25;background:#d83d48}.railway-signal-tool-icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.railway-signal-tool-icon circle{fill:currentColor;stroke:none}.graph-editor .marker-note{width:150px;min-height:45px;border-radius:0;padding:7px 9px;color:#fff;text-align:center;display:flex;flex-direction:column;gap:3px;box-shadow:none}.graph-editor .marker-note strong{font-size:10px;font-style:italic}.graph-editor .marker-note small{font-size:12.8px;line-height:1.2}.graph-editor .marker-note.note-size-small{width:120px;min-height:36px}.graph-editor .marker-note.note-size-small small{font-size:10.2px}.graph-editor .marker-note.note-size-large{width:210px;min-height:63px;padding:10px 13px}.graph-editor .marker-note.note-size-large strong{font-size:14px}.graph-editor .marker-note.note-size-large small{font-size:16px}.graph-editor .marker-note.note-color-orange{background:#e77f2f;border:1px solid #c2631f}.graph-editor .marker-note.note-color-red{background:#b72c28;border:1px solid #8f1e1b}.graph-editor .marker-note.note-color-white{background:#fff;border:2px solid #111;color:#111}.graph-editor .marker-note.note-color-green{background:#278a4b;border:1px solid #176533}.graph-editor .marker-note.note-color-blue{background:#2775b8;border:1px solid #155283}.graph-editor .marker-note:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:22px;background:inherit}.graph-segments path.unusable{stroke:#a4262d;stroke-dasharray:8 6;opacity:.75}.graph-segments path.unusable:hover,.graph-segments path.unusable.selected{stroke:#d83d48}.graph-background{position:absolute;z-index:2;left:50%;top:50%;height:auto;max-width:none;transform:translate(-50%,-50%);cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.graph-background.locked{z-index:0;pointer-events:none;cursor:default}.graph-canvas>svg{z-index:1}.background-controls{display:grid;gap:8px}.background-controls>input[type=file]{display:none}.background-controls>button,.background-controls .checkbox-label{width:100%;border:1px solid #34465c;background:#14243a;color:#d7e0eb;border-radius:8px;padding:9px}.background-controls button.active{border-color:#9a7cff;background:#5c3a9a2e}.background-controls label{display:grid;gap:6px;color:#9ba9ba;font-size:11px}.background-controls label strong{color:#d7e0eb}.background-controls .checkbox-label{display:block;margin:0;font-size:0;text-align:center;cursor:pointer}.background-controls .checkbox-label input{display:none}.background-controls .checkbox-label:after{content:"Show background";font-size:11px}.background-controls .checkbox-label:has(input:checked):after{content:"Hide background"}.background-controls .danger-button{color:#ff818c;background:#ff4e5c0e}.graph-canvas{background:transparent}.grid-block-fill{stroke:#87909a55;stroke-width:1}.grid-area-controls{display:grid;gap:8px;padding:8px}.grid-area-controls p{margin:0;color:#9ba9ba;font-size:11px;line-height:1.5}.grid-area-controls .danger-button:disabled{opacity:.4;cursor:not-allowed}.grid-areas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none}.grid-area-selector{position:absolute;border:2px dashed #526b82;pointer-events:auto;cursor:pointer;background:#1677ff08}.grid-area-selector>span{position:absolute;left:8px;top:8px;border-radius:5px;background:#122238dd;color:#dbe8f5;padding:4px 6px;font-size:10px}.grid-area-selector:hover,.grid-area-selector.selected{border-color:#1677ff;background:#1677ff18}.grid-area-add{position:absolute;width:34px;height:34px;border:2px solid #fff;border-radius:50%;background:#1677ff;color:#fff;display:grid;place-items:center;z-index:2;box-shadow:0 3px 10px #0005}.grid-area-add.top{left:50%;top:0;transform:translate(-50%,-50%)}.grid-area-add.right{right:0;top:50%;transform:translate(50%,-50%)}.grid-area-add.bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.grid-area-add.left{left:0;top:50%;transform:translate(-50%,-50%)}.performance-warning{color:#ffd36b!important;border:1px solid #ffd36b44!important;padding:5px 8px!important;border-radius:6px}.performance-warning.strong{color:#ff9da5!important;border-color:#ff596766!important}.graph-points circle.map-link-point{fill:#9a7cff;stroke:#4b278e;stroke-width:3}.map-link-settings{display:grid;gap:8px;border-top:1px solid #ffffff10;margin-top:14px;padding-top:14px}.map-link-settings>strong{font-size:12px;color:#d7e0eb}.map-link-settings .primary{width:100%}.beginner-tool-group .panel-section{margin-top:10px;padding-top:13px}.active-tool-help{border:1px solid #34506d;background:#10243a;border-radius:8px;padding:10px!important;color:#c9d8e8!important}.done-action{width:100%;border:1px solid #39a56c;background:#167c4b;color:#fff;border-radius:8px;padding:10px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700}.active-instruction{max-width:620px;color:#dce9f7;font-weight:600}.map-info{position:relative}.map-info summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;border:1px solid #34465c;border-radius:7px;padding:7px 9px}.map-info summary::-webkit-details-marker{display:none}.map-info>div{position:absolute;right:0;top:38px;z-index:20;width:190px;display:grid;gap:7px;background:#102035;border:1px solid #34465c;border-radius:8px;padding:11px;box-shadow:0 10px 25px #0007}.map-info>div span{font-size:11px;color:#b8c7d8}.draw-mode{cursor:crosshair}.beginner-placement-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;overflow:visible}.beginner-placement-preview circle,.beginner-placement-preview rect{stroke-width:3;stroke-dasharray:5 4}.beginner-placement-preview .neutral{fill:#1688ff33;stroke:#1688ff}.beginner-placement-preview .valid{fill:#28ad6738;stroke:#168d50}.beginner-placement-preview .invalid{fill:#d83d4838;stroke:#c72c39}.draw-preview-line{stroke:#1688ff;stroke-width:4;stroke-dasharray:9 6}.note-ghost{fill:#e77f2f55!important;stroke:#c2631f!important}.beginner-checklist{padding-top:10px}.checklist-toggle{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid #34465c;background:#14243a;color:#dce7f3;border-radius:9px;padding:11px;text-align:left}.checklist-toggle span{color:#8fb9df;font-size:11px}.checklist-help,.shortcut-help{font-size:11px;line-height:1.5;color:#8fa0b5}.beginner-checklist ol{list-style:none;padding:0;display:grid;gap:7px}.beginner-checklist li{display:flex;align-items:center;gap:8px;padding:8px;border-radius:7px;background:#0a1625;color:#a8b6c7;font-size:12px}.beginner-checklist li svg{color:#526477}.beginner-checklist li.complete{color:#dff9e9;background:#167c4b26}.beginner-checklist li.complete svg{color:#43c981}.advanced-settings{margin:14px 0;border:1px solid #304157;border-radius:8px;padding:9px}.advanced-settings>summary{cursor:pointer;color:#cbd7e5;font-size:12px;font-weight:700}.advanced-settings[open]>summary{padding-bottom:9px;border-bottom:1px solid #ffffff10}.canvas-scroll.pan-ready,.canvas-scroll.pan-ready *{cursor:grab!important}.canvas-scroll.panning,.canvas-scroll.panning *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.graph-editor .canvas-area,.graph-editor .canvas-scroll{min-height:0}.graph-editor .canvas-scroll{padding:0}.canvas-navigation-stage{position:relative;min-width:100%;min-height:100%}.canvas-navigation-stage>.graph-canvas{position:absolute;left:0;top:0}.avatar{border:0;color:#fff;cursor:pointer}.avatar:hover{background:#354b66}.profile-page{width:min(760px,100%);margin:auto;padding:48px 28px 90px}.profile-summary,.profile-card{background:#0d1a2b;border:1px solid #ffffff10;border-radius:14px;padding:20px}.profile-summary{display:flex;align-items:center;gap:15px;margin-bottom:20px}.profile-summary>div{display:grid;gap:5px}.profile-summary span,.profile-summary small{color:#8fa0b5}.profile-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#26364a;color:#c9d7e8!important}.profile-card{margin-top:18px;display:grid;gap:12px}.profile-card-heading{display:flex;gap:12px;align-items:flex-start}.profile-card-heading>svg{color:#9a7cff;margin-top:3px}.profile-card-heading h2{margin:0 0 5px;font:700 18px Manrope}.profile-card-heading p{margin:0;color:#8fa0b5;font-size:12px;line-height:1.5}.profile-card label{display:grid;gap:7px;color:#aeb9c8;font-size:12px}.profile-card input{width:100%;border:1px solid #304157;background:#0a1625;color:#edf3fb;border-radius:8px;padding:11px;outline:none}.profile-card .primary{width:max-content}.form-success{color:#9be7b8;background:#28ad6717;border:1px solid #28ad6745;border-radius:8px;padding:9px 11px;font-size:12px}.danger-zone{border-color:#ff596738}.danger-zone .profile-card-heading>svg{color:#ff818c}.delete-user-button{width:max-content;border:1px solid #e54855;background:#b92331;color:#fff;border-radius:8px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700}.delete-user-button:hover:not(:disabled){background:#d02b3b}.delete-user-button:disabled{opacity:.4;cursor:not-allowed}.delete-confirmation{display:grid;gap:11px}.delete-confirmation p{margin:0;color:#c3cedb;font-size:12px}.delete-confirmation>div{display:flex;gap:9px}.graph-mobile-dock{display:none}@media(hover:none)and (pointer:coarse){html,body,#root{height:100%;overflow:hidden;overscroll-behavior:none}.graph-editor,.graph-editor .canvas-scroll,.graph-editor .canvas-navigation-stage{touch-action:none}.graph-editor button,.graph-editor select,.graph-editor input{min-height:44px}.graph-editor .graph-marker,.graph-editor .train-placement-option,.graph-editor .grid-area-add{min-width:44px;min-height:44px}.graph-editor .graph-marker.selected{outline-width:3px;outline-offset:8px}}.background-controls .ai-analyze-button{border-color:#7354c7;background:#5c3a9a38;color:#efe9ff;font-weight:700}.ai-review{display:grid;gap:8px;border:1px solid #7354c766;background:#0a1625;border-radius:9px;padding:10px}.ai-review>strong{color:#efe9ff}.ai-review section{display:grid;gap:5px}.ai-review section>span{color:#9ba9ba;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.ai-review-item{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:7px!important;align-items:center;margin:0!important;padding:6px;border-radius:6px;background:#168d5018;color:#d7e0eb!important}.ai-review-item small{color:#8fd8ad}.ai-review-item em{grid-column:2/4;color:#ff9da5;font-size:9px;font-style:normal}.ai-review-item.uncertain{background:#d98b171c}.ai-review-item.uncertain small{color:#ffd36b}.ai-review-item.invalid{background:#d83d481c}.ai-review-item.invalid span,.ai-review-item.invalid small{color:#ff9da5}.ai-warning{margin:0;color:#ffd36b;font-size:10px;line-height:1.4}.ai-proposal-overlay{position:absolute!important;top:0;right:0;bottom:0;left:0;z-index:10!important;pointer-events:none;overflow:visible}.ai-preview-item{fill:none;stroke:#24a767;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.ai-preview-item.platform{stroke:#1688ff}.ai-preview-item.uncertain{stroke:#e19b25}.ai-preview-item.invalid{stroke:#d83d48}.ai-preview-item.excluded{opacity:.18;stroke-dasharray:8 7}.ai-proposal-overlay line{stroke-width:14}.ai-proposal-overlay circle{fill:#24a767;stroke:#fff;stroke-width:3}.ai-proposal-overlay circle.uncertain{fill:#e19b25}.ai-proposal-overlay circle.invalid{fill:#d83d48}.grid-selection-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.grid-area-controls>button,.grid-selection-actions button{border:1px solid #34465c;background:#14243a;color:#d7e0eb;border-radius:7px;padding:8px;display:flex;align-items:center;justify-content:center;gap:6px}.grid-area-controls button:disabled{opacity:.4;cursor:not-allowed}.grid-area-controls button.active{border-color:#9a7cff;background:#5c3a9a2e}.grid-clipboard-status,.grid-paste-status{border-radius:7px;padding:7px!important;background:#1677ff14;color:#9bc8ff!important}.grid-paste-status.valid{background:#168d5018;color:#9be7b8!important}.grid-paste-status.invalid{background:#d83d4818;color:#ff9da5!important}.grid-paste-preview{position:absolute;z-index:3;pointer-events:none;border:4px solid #168d50;background:#28ad6728}.grid-paste-preview.invalid{border-color:#c72c39;background:#d83d4830}.grid-area-selector.selected{box-shadow:inset 0 0 0 3px #1677ff}.grid-area-mode .grid-area-selector{-webkit-user-select:none;user-select:none}.grid-paste-anchor-target{position:absolute;pointer-events:auto;border:2px dashed #9a7cff;background:#5c3a9a14;display:grid;place-items:center;color:#4e2b99;font-size:12px;font-weight:700;cursor:pointer}.grid-paste-anchor-target:hover{background:#5c3a9a32}@media(hover:hover)and (pointer:fine)and (min-width:761px){.graph-editor .editor-body{transition:grid-template-columns .2s ease}.graph-editor .editor-body.tools-collapsed{grid-template-columns:48px minmax(0,1fr) 300px}.graph-editor .tools-panel.collapsed{padding:8px 4px;overflow:hidden}.graph-editor .tools-panel.collapsed>:not(.panel-head){display:none}.graph-editor .tools-panel.collapsed .panel-head{justify-content:center}.graph-editor .tools-panel.collapsed .panel-head>span{display:none}.creator-tools-collapse{flex:0 0 auto}}@media(hover:hover)and (pointer:fine)and (min-width:761px)and (max-width:1050px){.graph-editor .editor-body.tools-collapsed{grid-template-columns:48px minmax(0,1fr) 270px}.graph-editor .tools-panel .panel-head{display:flex}.graph-editor .tools-panel .panel-head>span{display:none}.graph-editor .tools-panel .panel-head{justify-content:center}}@media(max-width:760px),(hover:none)and (pointer:coarse){.creator-tools-collapse{display:none!important}}@media(hover:none)and (pointer:coarse)and (min-width:761px)and (max-width:1366px){.graph-editor .editor-body{display:block;position:relative}.graph-editor .canvas-area{height:100%}.graph-editor .tools-panel,.graph-editor .properties{position:fixed;z-index:30;top:68px;bottom:0;width:min(390px,45vw);padding:18px;transition:transform .22s ease;box-shadow:0 16px 42px #0009}.graph-editor .tools-panel{left:0;transform:translate(-105%)}.graph-editor .properties{right:0;left:auto;transform:translate(105%)}.graph-editor .tools-panel.open,.graph-editor .properties.open{transform:translate(0)}.graph-editor .mobile-only{display:grid}.graph-editor .graph-mobile-dock{position:absolute;display:flex;bottom:18px;left:50%;transform:translate(-50%);z-index:20;background:#0d1a2be8;border:1px solid #ffffff14;border-radius:12px;padding:4px;box-shadow:0 8px 24px #0006}.graph-editor .graph-mobile-dock button{min-height:44px;border:0;background:transparent;color:#d3dbe7;padding:8px 18px;display:flex;align-items:center;gap:7px}.graph-editor .graph-mobile-dock svg{width:18px}.graph-editor .canvas-toolbar{height:56px;padding:0 12px}.graph-editor .active-instruction{max-width:52vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graph-editor .editor-title input{width:180px}.graph-editor .save-state{font-size:0}.graph-editor .save-state svg{width:20px;height:20px}.graph-editor .undo-button{padding:8px}.graph-editor .undo-button svg{width:20px;height:20px}}.classes-page{max-width:1180px;margin:0 auto;padding:42px 30px 80px}.classes-page .admin-heading{align-items:flex-start}.class-heading-actions{margin-left:auto;display:flex;gap:9px}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.class-card{display:grid;gap:8px;text-align:left;border:1px solid #ffffff12;border-radius:13px;background:#0d1a2b;color:#edf3fb;padding:18px;cursor:pointer}.class-card:hover{border-color:#496985;background:#11243a}.class-card span{width:max-content;border-radius:20px;background:#1677ff25;color:#9bc8ff;padding:4px 8px;font-size:10px;font-weight:700}.class-card strong{font:700 18px Manrope}.class-card small{color:#8fa0b5;line-height:1.5}.classes-page .admin-map-row{grid-template-columns:1fr auto}.classes-page .user-row{grid-template-columns:1fr 40px}.collaboration-bar{min-height:42px;display:flex;align-items:center;gap:10px;padding:5px 12px;background:#132a3e;border-bottom:1px solid #29445c;color:#dce9f7}.collaboration-builder{display:flex;align-items:center;gap:7px;white-space:nowrap}.collaboration-builder span{color:#8fa9bf;font-size:11px}.collaboration-presence{display:flex;gap:5px;overflow-x:auto;flex:1}.collaboration-presence button{border:1px solid #38556e;border-radius:20px;background:#0d2133;color:#c9d8e8;padding:5px 9px;font-size:10px;white-space:nowrap}.collaboration-presence button.current-builder{border-color:#42b978;background:#167c4b36;color:#b9f2cf}.collaboration-presence button:disabled:not(.current-builder){opacity:.7}.graph-editor .tool:disabled{opacity:.38;cursor:not-allowed}@media(max-width:760px){.classes-page{padding:24px 14px}.classes-page .admin-heading{flex-wrap:wrap}.class-heading-actions{width:100%;margin-left:0}.collaboration-bar{flex-wrap:wrap}.collaboration-presence{order:3;flex-basis:100%}}@media(hover:none)and (pointer:coarse){html,body,#root{height:auto;min-height:100%;overflow:visible;overscroll-behavior:auto}body{overflow-x:hidden;-webkit-overflow-scrolling:touch}.graph-editor{height:100dvh;max-height:100dvh;overflow:hidden;overscroll-behavior:none}.graph-editor .editor-body{height:calc(100dvh - 68px)}.graph-editor .canvas-scroll{overscroll-behavior:contain}}@media(max-width:900px),(hover:none)and (pointer:coarse){.topbar{height:auto;min-height:68px;align-items:flex-start;gap:10px;flex-wrap:wrap;padding:10px 14px}.top-actions{width:100%;justify-content:flex-start;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.top-actions .secondary,.admin-override-launcher .secondary{padding:8px 10px;white-space:nowrap}.admin-override-launcher{min-width:100%;overflow-x:auto}.library,.admin-page,.profile-page,.classes-page{width:100%;padding-left:14px;padding-right:14px}.library-heading,.library-tools,.admin-heading{align-items:flex-start;flex-direction:column}.library-tools .search,.search{width:100%}.map-cards,.class-grid{grid-template-columns:minmax(0,1fr)}.admin-map-row,.user-row,.classes-page .admin-map-row,.classes-page .user-row{grid-template-columns:1fr!important;align-items:stretch}.role-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.share-add{grid-template-columns:1fr}.modal{max-height:calc(100dvh - 28px);overflow:auto}}@media(max-width:760px){.login-page{min-height:100dvh;place-items:start center;overflow:auto}.login-card{margin:16px 0}.card-actions,.card-meta{flex-wrap:wrap}.delete-confirmation>div{flex-direction:column}.graph-editor .editor-body{height:calc(100dvh - 58px)}.graph-editor:has(.phone-notice) .editor-body{height:calc(100dvh - 83px)}}.signalling-mode-control{display:flex;align-items:center;gap:6px;color:#c7d4e3;font-size:11px}.signalling-mode-control select{border:1px solid #31455c;background:#0c1b2b;color:#edf3fb;border-radius:8px;padding:7px 9px}.graph-train-route line{stroke:#35b6ff;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;opacity:.55;stroke-dasharray:16 8;pointer-events:none}.graph-blocked-routes line{stroke:#d94848;stroke-width:14;stroke-linecap:round;stroke-linejoin:round;opacity:.38;stroke-dasharray:18 10;pointer-events:none}.train-route-controls{display:grid;gap:8px;margin:12px 0;padding:10px;border:1px solid #2d4158;border-radius:10px;background:#0d1b2b}.form-hint{margin:0 0 8px;color:#8fa0b5;font-size:11px;line-height:1.45}.form-error{margin:0 0 8px;color:#ffb3a9;background:#541d1d;border:1px solid #853131;border-radius:8px;padding:8px;font-size:11px;line-height:1.45}@keyframes signal-flash-yellow{0%,49%{background:#ffd32e;box-shadow:0 0 5px #ffd32e}50%,to{background:#4b5359;box-shadow:none}}.signal-lamp.flashing-yellow{animation:signal-flash-yellow 1s steps(1,end) infinite}