.pi-tools{flex-direction:column;gap:12px;display:flex}.pi-pal{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.pi-sw{aspect-ratio:1;border:2px solid var(--line);cursor:pointer;border-radius:6px;min-width:28px;min-height:28px;padding:0}.pi-sw[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.pi-wrap{justify-content:center;align-items:flex-start;display:flex}.pi-canvas{aspect-ratio:1;border:2px solid var(--ink);touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;background-color:var(--surface);background-image:conic-gradient(var(--sunk)25%,transparent 0 50%,var(--sunk)0 75%,transparent 0);background-size:16px 16px;width:min(100%,520px);display:grid}.pi-canvas i{display:block;box-shadow:inset 0 0 0 .5px #80808040}