:root{font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#dce4eb;background:#10171e;--muted:#8d9aa7;--line:#2b3742;--cyan:#4ed8c7;--amber:#f4b56b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:#1d2934;border:1px solid #344450;border-radius:6px;padding:9px 12px;transition:background .15s}button:hover{background:#30414e}button:disabled{opacity:.4;cursor:default}button.active,.primary{background:#225049;border-color:#4ed8c7;color:#bcfff0}button.danger{color:#ffae9d}input,select,textarea{color:#e6eef4;background:#111c25;border:1px solid #42515e;border-radius:5px;padding:10px;max-width:100%}textarea{width:100%;min-height:110px;resize:vertical}label{display:block;color:#aab8c4;margin:13px 0 5px}header{height:80px;display:flex;align-items:center;gap:12px;padding:0 24px;background:#15212b;border-bottom:1px solid var(--line)}.brand{min-width:218px}.brand b{font-size:20px;letter-spacing:2px}.brand b span{color:var(--cyan)}.brand small{display:block;font-size:9px;letter-spacing:2.6px;color:var(--muted);margin-top:3px}.eventbar{flex:1;display:flex;gap:12px;align-items:center}#event{max-width:290px}#event-status,#status{font-size:11px;color:var(--muted)}.workspace{display:grid;grid-template-columns:210px minmax(300px,1fr) 290px;height:calc(100dvh - 80px)}.rail{padding:26px 15px;background:#14202a;border-right:1px solid var(--line);overflow:auto;display:flex;flex-direction:column;gap:5px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--muted);font-weight:600;margin-bottom:12px}.rail .eyebrow:not(:first-child){margin-top:25px}.rail button{display:block;text-align:left;width:100%;background:transparent;border-color:transparent}.rail button.active{color:var(--cyan);background:#223832;border-left:2px solid var(--cyan);border-radius:0 5px 5px 0}.rail-footer{margin-top:auto;padding-top:25px;font-size:10px;line-height:2;letter-spacing:1px;color:var(--muted)}main{min-width:0;display:flex;flex-direction:column;background:#0f1921}.viewbar{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.viewbar .eyebrow{margin:0}h1{font-size:23px;font-weight:500;margin:3px 0 0}.segmented{display:flex;gap:2px}.segmented button{font-size:12px;padding:7px 10px}.canvas-wrap{flex:1;position:relative;min-height:200px;overflow:hidden;background-image:radial-gradient(#293740 1px,transparent 1px);background-size:24px 24px}svg#drawing{width:100%;height:100%;touch-action:none;user-select:none}.canvas-legend{position:absolute;left:20px;bottom:52px;font-size:10px;color:#9dabb8;pointer-events:none;display:flex;align-items:center;gap:7px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-left:8px}.data{background:#4ed8c7}.power{background:#f4b56b}.issue{background:#f48d89}.zoom{position:absolute;right:18px;bottom:48px;display:flex;gap:3px}.zoom button{padding:7px 11px}#hint{position:absolute;bottom:0;left:0;right:0;background:#14202ae8;padding:10px 20px;font-size:11px;color:var(--muted)}.inspector{padding:26px 20px;border-left:1px solid var(--line);background:#14202a;overflow:auto}h2{font-size:19px;font-weight:500;margin:0 0 12px}p{color:#a8b5c1;font-size:13px}.tag{display:inline-block;font-size:10px;padding:3px 7px;border:1px solid #3a4c58;border-radius:4px;margin-bottom:15px;color:var(--cyan)}.port,.note-card{border:1px solid var(--line);background:#1a2833;padding:12px;border-radius:7px;margin:8px 0}.port small,.note-card small{color:var(--muted);display:block}.port button{margin-top:6px;font-size:11px}.note-card p{white-space:pre-wrap;overflow-wrap:anywhere}.note-card img{max-width:100%;max-height:210px;object-fit:contain;border-radius:4px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.full{width:100%;margin-top:8px}.subheading{font-size:10px;letter-spacing:1px;color:var(--muted);margin:22px 0 8px}dialog{color:inherit;background:#14202a;border:1px solid #435461;border-radius:12px;width:min(850px,94vw);max-height:90dvh;padding:24px;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#050b11bb}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dialog-head button{background:transparent}.dialog-head h2{margin:0}dialog input:not([type=checkbox]),dialog select{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}table{border-collapse:collapse;width:100%;font-size:12px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:10px}th{font-size:10px;color:var(--muted);letter-spacing:1px}td input{width:100%;min-width:80px}.scroll{overflow:auto}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#253e45;padding:12px 20px;border:1px solid #47767a;border-radius:7px;z-index:10;display:none;max-width:90vw}#mobile-tabs{display:none}.muted{color:var(--muted)}.warning{color:var(--amber)}.editor-only.hidden{display:none!important}a{color:var(--cyan)}#drawing text{font-family:inherit;pointer-events:none}#drawing .equipment{cursor:pointer}#drawing .cable{cursor:crosshair}#drawing .note-bubble{cursor:pointer}#drawing .selected>rect,#drawing .selected>ellipse{stroke:#fff;stroke-width:3}
@media(max-width:1100px){.workspace{grid-template-columns:170px minmax(260px,1fr) 240px}.brand{min-width:170px}.brand b{font-size:17px}header{padding:0 15px}.rail{padding:20px 10px}.inspector{padding:20px 12px}#status{max-width:100px}.viewbar{padding:16px}.eventbar{display:block}#event-status{display:block}}
@media(max-width:760px){header{height:110px;flex-wrap:wrap;gap:6px;padding:10px 12px;align-content:center}.brand{min-width:140px;flex:1}.brand b{font-size:16px}.brand small{font-size:7px}.eventbar{order:4;flex-basis:100%;display:flex}.eventbar select{flex:1;max-width:none;padding:5px}#status{font-size:9px;max-width:80px}header button{padding:6px;font-size:10px}.workspace{height:calc(100dvh - 110px);display:block}.rail{display:none;position:fixed;left:0;top:110px;bottom:50px;width:230px;z-index:4;box-shadow:10px 0 35px #0008}.rail.open{display:flex}.inspector{display:none;position:fixed;bottom:50px;left:0;right:0;max-height:47dvh;border-top:1px solid #435461;border-left:0;z-index:3;box-shadow:0 -5px 25px #0008}.inspector.open{display:block}main{height:100%}.viewbar{padding:10px 14px}h1{font-size:18px}.viewbar .eyebrow{font-size:8px}.segmented button{font-size:10px;padding:7px}#mobile-tabs{display:flex;justify-content:space-around;background:#172731;padding:7px;border-top:1px solid var(--line)}#mobile-tabs button{padding:5px 20px}#hint{font-size:9px;padding:8px 10px}.canvas-legend{left:3px;bottom:44px}.zoom{right:10px;bottom:40px}.form-grid{grid-template-columns:1fr}dialog{padding:18px}}