.route-editor-panel{position:fixed;right:0;top:80px;bottom:0;width:330px;padding:20px;background:#131619;color:#eef0ec;overflow:auto;z-index:55;border-left:1px solid #555;box-sizing:border-box;font:13px/1.45 Arial}.route-editor-panel[hidden],.route-editor-toolbar[hidden]{display:none}.route-editor-panel label{display:block;margin:8px 0}.route-editor-panel input:not([type=checkbox]),.route-editor-panel select,.route-editor-panel textarea{width:100%;box-sizing:border-box;padding:8px;background:#24292d;color:white;border:1px solid #63666b;border-radius:4px}.route-editor-panel button,.route-editor-toolbar button{padding:8px;border:1px solid #686f74;border-radius:5px;background:#292e32;color:#ffda68;cursor:pointer}.route-editor-panel button:hover,.route-editor-toolbar button.active{background:#645328}.route-actions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.route-editor-panel .inline{display:inline-flex;align-items:center;gap:4px;margin:4px 8px 4px 0}.route-editor-panel fieldset{border:1px solid #454d52}.route-help{color:#b8c2c8}.route-length{padding:12px;background:#252b30;margin:12px 0}.route-length strong{display:block;font-size:25px;color:#ffdb64}.route-length small{display:block;color:#aaa}.route-editor-panel [role=status]{position:sticky;bottom:0;background:#332e20;padding:10px;color:#ffe199;min-height:20px}.route-editor-panel #point-list button{display:block;width:100%;text-align:left;margin:3px 0}.route-editor-panel #point-list small{display:block;color:#b3bfc5}.route-editor-panel .selected{outline:2px solid white}.route-editor-toolbar{position:absolute;left:12px;right:12px;top:8px;background:#14191de8;padding:10px;z-index:25;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.route-editor-toolbar small{flex-basis:100%;color:#cad0d4}.route-edit-mode .inspector{visibility:hidden}.route-edit-mode #stage-caption,.route-edit-mode #device-reference,.route-edit-mode #device-ports{display:none!important}.route-edit-mode .view-tools #back-level,.route-edit-mode .view-tools #reset-camera{display:none}.route-edit-mode .left-panel button{pointer-events:none;opacity:.5}.cable-mode{font-size:11px;white-space:nowrap}.cable-mode select{background:#222;color:#eee;border:1px solid #666;padding:5px}.route-edit-mode main{margin-right:0}.route-editor-panel #point-fields label{display:inline-block;width:30%;margin-right:3%} .route-editor-panel details{margin:12px 0}.route-editor-panel summary{cursor:pointer;color:#ffda68}.view-tools{flex-wrap:wrap}

.route-edit-mode .app-body{grid-template-columns:190px minmax(200px,1fr) 330px}@media(max-width:850px){.route-edit-mode .left-panel{display:none}.route-edit-mode .app-body{grid-template-columns:minmax(200px,1fr) 330px}}