*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:#fff;background-color:#111;font-family:system-ui,-apple-system,sans-serif}#app-canvas{z-index:1;width:100%;height:100%;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;display:block;position:fixed;top:0;left:0}.controls{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#111111f2;border-radius:8px;flex-direction:column;gap:10px;padding:15px;display:flex;position:fixed;top:50%;left:20px;transform:translateY(-50%);box-shadow:0 4px 20px #000000b3}button{cursor:pointer;color:#fff;white-space:nowrap;background-color:#222;border:1px solid #555;border-radius:4px;min-width:100px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s}button:hover{background-color:#444;border-color:#777;box-shadow:0 2px 8px #ffffff1a}button:active{transform:scale(.98)}button.active{background-color:#55a;border-color:#77c;box-shadow:0 0 12px #5aa9}