.pax{gap:1.1rem;display:grid}.pax__drop{border:2px dashed color-mix(in srgb, currentColor 30%, transparent);text-align:center;border-radius:10px;align-content:center;justify-items:center;gap:.85rem;min-height:19rem;padding:1.5rem;display:grid}.pax__drop[data-over=true],.pax__stage[data-over=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.pax__hint{max-width:28rem;color:var(--muted);margin:0;font-size:.9rem}.pax__stage{border-radius:10px;gap:1rem;display:grid}.pax__canvas-wrap{background:color-mix(in srgb, currentColor 8%, transparent);border-radius:8px;place-items:center;padding:.5rem;display:grid}.pax__canvas{width:100%;height:auto;image-rendering:pixelated;display:block}.pax__controls{align-content:start;gap:.85rem;font-size:.92rem;display:grid}.pax__row{grid-template-columns:1fr auto;align-items:baseline;gap:.3rem .6rem;display:grid}.pax__row label{font-weight:600}.pax__row input[type=range],.pax__row .pax__select{grid-column:1/-1;width:100%}.pax__value{color:var(--muted);font-variant-numeric:tabular-nums}.pax__select{border:1px solid color-mix(in srgb, currentColor 35%, transparent);background:var(--surface);color:inherit;font:inherit;border-radius:7px;padding:.35rem .5rem}.pax__check{cursor:pointer;align-items:baseline;gap:.5rem;display:flex}.pax__summary{min-height:1.5em;color:var(--muted);margin:0}.pax__actions{flex-wrap:wrap;gap:.6rem;display:flex}.pax__button{border:1px solid color-mix(in srgb, currentColor 35%, transparent);color:inherit;font:inherit;cursor:pointer;text-align:center;background:0 0;border-radius:7px;padding:.55rem 1.1rem;font-size:.95rem;text-decoration:none}.pax__button:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.pax__button--primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}.pax__button--primary:hover{background:color-mix(in srgb, var(--accent) 88%, black)}.pax__button--quiet{color:var(--muted);border-color:#0000}.pax__colours{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.3rem .8rem;max-height:14rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.pax__colours li{grid-template-columns:1.1rem 1fr auto;align-items:center;gap:.45rem;display:grid}.pax__swatch{border:1px solid var(--line-strong);border-radius:3px;width:1.1rem;height:1.1rem}.pax__count{color:var(--muted);font-variant-numeric:tabular-nums}.pax__error{color:var(--warn);margin:0;font-size:.9rem}@media (width>=46rem){.pax__stage{grid-template-columns:minmax(0,1.5fr) minmax(15rem,1fr);align-items:start}}