:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;background:#111522;color:#e5eafa}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;min-height:0}#app{display:flex;flex-direction:column}button,input{font:inherit}button{background:#232b42;color:#dce9ff;border:1px solid #45526f;border-radius:9px;padding:9px 11px;cursor:pointer;white-space:nowrap}button:hover{background:#314063}button.active{background:#264f83;border-color:#79b5ff}button.danger{border-color:#a55464;color:#ffc4cb}.topbar{padding:11px 14px;display:flex;align-items:center;gap:8px;background:#171c2d;border-bottom:1px solid #394153;overflow:auto}.brand{font-size:21px;letter-spacing:.1em;white-space:nowrap}.brand span{color:#8ac3ff}.spacer{flex:1}.badge{font-size:11px;border-radius:10px;background:#214445;padding:4px 9px;color:#acf0cf;white-space:nowrap}.layout{flex:1;min-height:0;display:grid;grid-template-columns:170px minmax(0,1fr) 230px}.sidebar{padding:13px;overflow:auto;background:#1b2133}.tools{border-right:1px solid #333d54}.inspector{border-left:1px solid #333d54}h2{font-size:13px;text-transform:uppercase;letter-spacing:.075em;color:#a3b8d8}.sidebar>button{display:block;width:100%;text-align:left;margin:7px 0}.sidebar hr{border:0;border-top:1px solid #36405a;margin:18px 0}#viewport{position:relative;min-width:0;overflow:hidden;touch-action:none;background:linear-gradient(#1d263b,#121a28)}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}.hint{position:absolute;top:12px;left:12px;z-index:2;pointer-events:none;color:#d1ddef;background:#1d2537d9;padding:6px 10px;border-radius:7px;font-size:12px}#objects{padding:0;list-style:none;max-height:32vh;overflow:auto}#objects button{width:100%;margin:3px 0;text-align:left;overflow:hidden;text-overflow:ellipsis}label{display:block;margin:10px 0;font-size:12px;color:#bed0eb}input{width:100%;border:1px solid #59637e;color:#f6f8ff;background:#10182a;border-radius:7px;padding:8px;min-width:0;margin-top:3px}.triplet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.triplet input{font-size:12px;padding:5px}.small{font-size:12px;color:#a4b8d3}#status{font-size:12px;padding:7px 14px;background:#171c2d;border-top:1px solid #343d53;min-height:31px}@media(max-width:850px){.layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(260px,1fr) auto}.tools{border-right:0;border-bottom:1px solid #333d54;padding:8px;display:flex;flex-wrap:wrap;gap:5px}.tools h2,.tools hr{display:none}.tools>button{display:inline-block;width:auto;margin:0}.inspector{border-left:0;border-top:1px solid #333d54;max-height:230px}#objects{display:flex;gap:6px;flex-wrap:wrap}#objects button{width:auto}.hint{font-size:10px}}@media(max-width:520px){.topbar{gap:5px;padding:7px}.topbar button{padding:8px 7px;font-size:11px}.badge{display:none}.brand{font-size:17px}.inspector{padding:8px}.tools{max-height:100px;overflow:auto}}