.tool[data-tool=palette-from-image] .pal-preview{border-radius:var(--r-md);border:1px solid var(--c-border);image-rendering:auto;block-size:auto;max-inline-size:100%}.tool[data-tool=palette-from-image] .pal{margin:0 0 var(--space-3);border-radius:var(--r-md);border:1px solid var(--c-border-strong);block-size:4rem;padding:0;list-style:none;display:flex;overflow:hidden}.tool[data-tool=palette-from-image] .pal li{flex-basis:0;min-inline-size:.5rem}.tool[data-tool=palette-from-image] .pal-list{margin:0 0 var(--space-3);gap:var(--space-1);padding:0;list-style:none;display:grid}.tool[data-tool=palette-from-image] .pal-list li{align-items:center;gap:var(--space-2);display:flex}.tool[data-tool=palette-from-image] .chip{border-radius:var(--r-sm);border:1px solid var(--c-border-strong);flex:none;block-size:1.5rem;inline-size:1.5rem}.tool[data-tool=palette-from-image] .pal-css{margin:var(--space-3) 0 0;padding:var(--space-3);background:var(--c-surface);border-radius:var(--r-sm);font-size:var(--fs-sm);overflow-x:auto}