.zk-wrap { width: 100%; aspect-ratio: 1; }
.zk-wrap canvas { display: block; border-radius: 50%; touch-action: none; box-shadow: 0 0 0 1px var(--hairline), 0 18px 40px rgba(0, 0, 0, 0.35); cursor: crosshair; }
.zk-colors { display: flex; flex-wrap: wrap; gap: 10px; }
.zk-sw { width: 38px; height: 38px; border: 0; border-radius: 50%; cursor: pointer; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2); }
.zk-sw[aria-pressed="true"] { box-shadow: 0 0 0 3px var(--lapis), 0 0 0 5px var(--parchment); }