:root{color-scheme:dark;font:13px/1.45 system-ui,sans-serif;color:#d8e2ed;background:#030914}*{box-sizing:border-box}body{margin:0}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}aside{position:fixed;left:14px;top:14px;bottom:92px;width:280px;overflow:auto;background:#081424ed;border:1px solid #344455;padding:15px;border-radius:5px}h1{font-size:17px;margin:0 0 5px}h2{font-size:14px;margin:20px 0 8px}p{margin:7px 0}label{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:8px 0}input:not([type=checkbox]),select{width:115px}input[type=range]{width:130px}button,input,select{background:#0d2035;border:1px solid #40536b;color:#e8f0f8;border-radius:3px;padding:6px;font:inherit}button{cursor:pointer}button:hover{background:#193957}.pair{display:flex;gap:7px}.pair>*{flex:1}.muted,#origin{color:#a0b1c4;font-size:11px}footer{position:fixed;left:14px;right:14px;bottom:12px;background:#071322e8;padding:10px;border-left:2px solid #8fbce7;pointer-events:none;font-size:12px}#show{position:fixed;left:14px;top:14px}#error{color:#ffb7a4}#routeInfo{font-size:12px}output{display:block;margin-bottom:8px}@media(max-width:650px){aside{width:245px;max-height:60vh}footer{font-size:11px}}