.pixel-logo-tag{font-size:.78rem;color:#9aa0a6;margin-right:4px;white-space:nowrap}.pixel-wrap{background:#17181b}.pixel-canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#pixel-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}#pixel-minimap{position:absolute;left:12px;bottom:12px;width:150px;height:110px;background:#1e1f22cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #2b2c30;border-radius:8px;box-shadow:0 6px 20px #0000004d;touch-action:none;cursor:crosshair;z-index:15}@media(max-width:780px){#pixel-minimap{width:100px;height:74px}}.palette-grid{display:flex;flex-wrap:wrap;gap:6px}.palette-swatch-wrap{position:relative}.palette-swatch{width:22px;height:22px;padding:0;border:1px solid #3a3b40;border-radius:5px;cursor:pointer}.palette-swatch:hover{border-color:#7a7f87}.palette-swatch.active{outline:2px solid #3a7bd5;outline-offset:1px}.palette-swatch.active-secondary{box-shadow:0 0 0 2px #ff7a59 inset}.palette-hint{margin:2px 0 0;font-size:.72rem;color:#7a7f87;line-height:1.3}.palette-swatch-remove{position:absolute;top:-5px;right:-5px;width:14px;height:14px;padding:0;line-height:1;font-size:.6rem;background:#26272b;color:#e6e6e6;border:1px solid #3a3b40;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .1s}.palette-swatch-wrap:hover .palette-swatch-remove{opacity:1}.palette-actions{display:flex}#current-color,#secondary-color{width:32px;height:26px;padding:0;border:1px solid #3a3b40;border-radius:4px;background:none}.newboard-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}