.pam{--pam-check-a: #ffffff;--pam-check-b: #e6e9f0;--pam-line: rgb(20 30 50 / .16);max-width:760px;margin:0 auto;width:100%;display:grid;gap:10px}:root[data-theme=dark] .pam{--pam-check-a: #2a3242;--pam-check-b: #222938;--pam-line: rgb(255 255 255 / .12)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .pam{--pam-check-a: #2a3242;--pam-check-b: #222938;--pam-line: rgb(255 255 255 / .12)}}.pam-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.pam-toolset{display:flex;gap:6px}.pam-tool{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);min-width:54px;min-height:48px;display:grid;place-items:center;gap:0;padding:4px 6px;cursor:pointer;font:inherit}.pam-tool span{font-size:1.15rem;line-height:1.1}.pam-tool small{font-size:.68rem;color:var(--muted)}.pam-tool[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pam-opts{display:flex;flex-wrap:wrap;gap:6px}.pam-board{display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 0}.pam-canvas{display:block;touch-action:none;cursor:crosshair;box-shadow:var(--shadow);image-rendering:pixelated}.pam-board[data-tool=fill] .pam-canvas{cursor:cell}.pam-board[data-tool=picker] .pam-canvas{cursor:copy}.pam-palette{display:grid;gap:8px}.pam-color-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pam-current{width:40px;height:40px;border-radius:var(--radius-sm);border:2px solid var(--text);box-shadow:inset 0 0 0 2px var(--surface)}.pam-custom-label{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;cursor:pointer}.pam-custom{width:40px;height:36px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}.pam-recent{display:flex;gap:4px;flex-wrap:wrap}.pam-swatches{display:grid;grid-template-columns:repeat(16,1fr);gap:4px}.pam-swatch{appearance:none;aspect-ratio:1;min-width:0;min-height:28px;border-radius:6px;border:1px solid rgb(0 0 0 / .18);cursor:pointer;padding:0}.pam-recent .pam-swatch{width:30px;height:30px}.pam-swatch-on{outline:3px solid var(--accent);outline-offset:1px}@media (max-width: 560px){.pam-swatches{grid-template-columns:repeat(8,1fr)}.pam-tools,.pam-opts{justify-content:center}}