.pixel-art-canvas{touch-action:none;cursor:crosshair;background:repeating-conic-gradient(#e9ecef 0% 25%,#fff 0% 50%) 0 0/20px 20px;max-width:100%;height:auto;margin:0 auto;display:block}.pixel-art-palette{grid-template-columns:repeat(8,1fr);gap:.375rem;display:grid}.pixel-art-swatch{aspect-ratio:1;border:1px solid var(--bs-border-color);cursor:pointer;border-radius:.25rem;width:100%;padding:0}.pixel-art-swatch:hover{outline:2px solid var(--bs-primary);outline-offset:1px}.pixel-art-dropzone-active{outline:2px dashed var(--bs-primary);outline-offset:-6px;border-radius:.375rem}.pixel-art-preview{image-rendering:pixelated;border:1px solid var(--bs-border-color);background:repeating-conic-gradient(#e9ecef 0% 25%,#fff 0% 50%) 0 0/8px 8px;display:block}