.tool[data-tool=web-safe-colors-chart] .ws-selected{align-items:center;gap:var(--space-3);margin-block:var(--space-3);flex-wrap:wrap;display:flex}.tool[data-tool=web-safe-colors-chart] .ws-chip{border-radius:var(--r-md);border:1px solid var(--c-border-strong);flex:none;block-size:4rem;inline-size:4rem}.tool[data-tool=web-safe-colors-chart] .ws-selected p{overflow-wrap:anywhere;margin:0}.tool[data-tool=web-safe-colors-chart] .ws-grid{grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.tool[data-tool=web-safe-colors-chart] .ws-tile{aspect-ratio:1;border:1px solid var(--c-border-strong);border-radius:var(--r-sm);cursor:pointer;min-block-size:2.75rem;inline-size:100%;padding:0;display:block}.tool[data-tool=web-safe-colors-chart] .ws-tile.on{outline:3px solid var(--c-text);outline-offset:1px}.tool[data-tool=web-safe-colors-chart] .ws-tile.done{outline:3px solid var(--c-accent,var(--c-text));outline-offset:1px}