:root{color-scheme:dark;font:13px/1.45 system-ui,sans-serif;background:#090c13;color:#d4e1ec}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{display:flex;flex-direction:column}[hidden]{display:none!important}header{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid #2a3b4c;flex-shrink:0}header small{font:9px ui-monospace,monospace;letter-spacing:.13em;color:#80e4e9}h1{font-size:16px;margin:2px 0}header strong{margin-left:auto;font-size:22px;color:#a9e9ef}a{color:#8de3eb}button,select,input{font:11px ui-monospace,monospace;background:#121e2b;border:1px solid #3c596d;color:#d0e7ee;border-radius:4px;padding:7px}button{cursor:pointer}button:hover{border-color:#87e9ec}#toolbar{position:absolute;z-index:5;top:66px;left:12px;padding:10px;background:#0c1826f5;border:1px solid #395166;display:flex;flex-wrap:wrap;gap:6px}#viewport{flex:1;min-height:0;overflow:auto;position:relative}#drawing{display:block;width:100%;height:100%;min-width:0}#viewport.large #drawing{width:3000px;height:1400px}#hud{position:absolute;z-index:6;right:12px;top:80px;bottom:60px;width:370px;overflow:auto;background:#0a1725f5;border:1px solid #47717b;padding:13px;border-radius:6px;font:11px/1.5 ui-monospace,monospace}.hud-title{display:flex;align-items:center;justify-content:space-between;color:#8be8ec;border-bottom:1px solid #334957;padding-bottom:7px}#hud label{display:grid;gap:3px;margin:8px 0}#hud input,#hud select{width:100%;min-width:0}.triple{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.note{color:#91a9bb;font-size:10px}details{border-top:1px solid #334957;padding-top:10px}summary{cursor:pointer;color:#85e5ee}#status{position:absolute;bottom:35px;left:12px;max-width:90%;background:#090c13dc;color:#90cbd9;font:10px ui-monospace,monospace;padding:3px 5px;pointer-events:none}footer{padding:5px 12px;background:#100d12;border-top:1px solid #472b31;color:#ff6262;text-align:center;font:10px/1.35 ui-monospace,monospace;flex-shrink:0}svg text{font-family:Consolas,monospace;fill:#bbd0e1}svg .power{stroke:#dffaff;stroke-width:3;stroke-dasharray:14 100;animation:travel 4s linear infinite;filter:url(#neon);opacity:.8}svg.paused .power{display:none}@keyframes travel{to{stroke-dashoffset:-114}}@media(max-width:700px){header{flex-wrap:wrap;padding:7px 10px;gap:7px}h1{font-size:12px}header strong{font-size:17px}header a{font-size:11px}#hud{width:calc(100% - 16px);right:8px;top:110px;bottom:65px}#toolbar{top:108px;right:8px;left:8px}footer{font-size:9px;padding:4px 8px}#status{bottom:53px;font-size:9px}}