:root{font:14px system-ui,Segoe UI,sans-serif;color:#edf4ff;background:#0c1421}*{box-sizing:border-box}body{margin:0}header{padding:15px 22px;background:#142137;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30435f}h1{font-size:20px;margin:0}h2{font-size:16px;margin:0 0 12px}a{color:#9cdbff}main{display:grid;grid-template-columns:280px minmax(300px,1fr) 290px;gap:12px;padding:12px;height:calc(100vh - 63px)}aside,.view{border:1px solid #2a3d59;background:#142137;border-radius:12px;overflow:auto;padding:15px}label{display:block;font-size:12px;color:#bdcce2;margin-top:10px}input,select,button{width:100%;background:#0b1729;border:1px solid #425b7d;border-radius:6px;color:#fff;padding:9px;margin-top:4px}button{cursor:pointer;background:#285b92;border:0;margin-top:10px}button:hover{background:#3676b9}.small{font-size:12px;color:#b6c7dd}#canvas{width:100%;height:100%;min-height:400px;display:block;cursor:grab;touch-action:none}.view{padding:0;position:relative;overflow:hidden}.legend{position:absolute;left:12px;top:10px;background:#0c1421d9;padding:10px;border-radius:8px;font-size:12px;pointer-events:none}.chip{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:4px}.card{padding:10px;border:1px solid #314969;border-radius:8px;margin:10px 0}.danger{color:#ffb6a7}.good{color:#a9f0cf}#status{margin-top:8px;white-space:pre-wrap}hr{border:0;border-top:1px solid #314561;margin:16px 0}@media(max-width:900px){main{height:auto;grid-template-columns:1fr}.view{height:530px}aside{max-height:460px}}