:root{color-scheme:dark;font-family:Consolas,'Courier New',monospace;color:#e8e8e8;background:#111;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,label{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button{background:#191919;border:1px solid #555;color:#eee;padding:8px 10px;cursor:pointer}button:hover{border-color:#fff}button:disabled{opacity:.4;cursor:wait}button[aria-pressed=true]{background:#ececec;color:#111;border-color:#fff}header{height:48px;border-bottom:1px solid #444;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:16px}header a{text-decoration:none}main{height:calc(100dvh - 48px);display:grid;grid-template-columns:350px minmax(0,1fr)}aside{padding:22px;overflow-y:auto;border-right:1px solid #444}h1{font-size:24px;letter-spacing:-1px;margin:0 0 12px}p{font-size:11px;color:#aaa;line-height:1.6}.intro{margin-bottom:28px}fieldset{border:0;border-top:1px solid #444;margin:0 0 25px;padding:16px 0 0;min-width:0}legend{font-size:11px;letter-spacing:1px;padding-right:10px}label{display:block;margin:0 0 17px}output{float:right;color:#fff}input[type=range]{width:100%;accent-color:#ddd;display:block;margin:12px 0 0;height:16px}input[type=checkbox]{accent-color:#ddd}.check{font-size:11px;margin-top:16px}.library{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:16px}.library button{padding:5px;font-size:10px;text-align:left}.library canvas{width:100%;aspect-ratio:1.5;display:block;margin-bottom:6px}.upload{border:1px dashed #777;padding:12px;text-align:center;cursor:pointer;font-size:11px;margin-bottom:8px}.upload input{display:block;width:100%;font-size:10px;margin-top:10px}.export{width:100%;background:#ddd;color:#111;border-color:#ddd;padding:14px}details{font-size:11px;padding-bottom:24px}summary{cursor:pointer}.model{min-width:0;display:flex;flex-direction:column;background:#191919}.toolbar{height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid #333;gap:10px;font-size:11px}.toolbar div{display:flex;gap:5px}.toolbar button{font-size:10px;padding:7px}.viewport{flex:1;position:relative;min-height:180px;overflow:hidden}#view{width:100%;height:100%;display:block;touch-action:none}.axis,.hint{position:absolute;pointer-events:none;font-size:10px;color:#aaa;bottom:16px}.axis{left:16px}.hint{right:16px}#error{position:absolute;left:20px;top:20px;right:20px;background:#111;padding:16px;border:1px solid #777}.map{padding:12px 15px 15px;border-top:1px solid #333;height:175px}.map>div{display:flex;justify-content:space-between;font-size:10px;color:#bbb;margin-bottom:8px}#map{width:100%;height:125px;display:block;image-rendering:auto}@media(max-width:800px){main{grid-template-columns:285px minmax(0,1fr)}aside{padding:16px}.toolbar{height:80px;align-items:flex-start;justify-content:center;flex-direction:column}.hint{display:none}}@media(max-width:500px){main{grid-template-columns:225px minmax(0,1fr)}aside{padding:12px}header{padding:0 10px;font-size:10px}header span{display:none}.library{grid-template-columns:repeat(2,1fr)}h1{font-size:20px}.toolbar{padding:8px;font-size:9px}.toolbar div{flex-wrap:wrap}.toolbar button{padding:5px}.map{height:130px;padding:10px}#map{height:82px}.map>div span:last-child{display:none}}