:root{color-scheme:dark;font:12px/1.4 system-ui,sans-serif}html,body{margin:0;height:100%;overflow:hidden;background:#0d0e10;color:#e6e6e6}canvas#view{position:fixed;inset:0;width:100vw;height:100vh;display:block;cursor:crosshair}.panel{position:fixed;background:#0d0e10c7;border:1px solid #2a2c33;border-radius:4px;padding:8px}#hud{left:8px;top:8px;width:270px}.title{font-weight:600;margin-bottom:6px}.row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0}.swatch{width:22px;height:22px;border:2px solid transparent;border-radius:3px;cursor:pointer;padding:0}.swatch.selected{border-color:#ffd23f}button{background:#24262d;color:inherit;border:1px solid #3a3d46;border-radius:3px;padding:2px 6px;cursor:pointer}input[type=number]{width:90px;background:#1a1c22;color:inherit;border:1px solid #3a3d46}pre{margin:6px 0;font:11px/1.35 ui-monospace,monospace;white-space:pre-wrap}.hint{color:#8a8d96;font-size:11px}.minimap{position:fixed;right:8px;top:8px;width:256px;opacity:.8;image-rendering:pixelated;border:1px solid #2a2c33;cursor:pointer}.ok{color:#6cd86c}.bad{color:#ff6b6b}body.page{overflow:auto}body.page main{max-width:1060px;margin:0 auto;padding:16px}body.page canvas{width:100%;image-rendering:pixelated;border:1px solid #2a2c33}.menulink{color:#ffd23f;text-decoration:none}