.tool[data-tool=color-picker-from-screen] .swatch{border-radius:var(--r-md);border:1px solid var(--c-border-strong);block-size:5rem;margin-block-end:var(--space-3)}.tool[data-tool=color-picker-from-screen] .fmt-list{margin:0 0 var(--space-3);gap:var(--space-2);display:grid}.tool[data-tool=color-picker-from-screen] .fmt-list div{gap:var(--space-1);display:grid}.tool[data-tool=color-picker-from-screen] .fmt-list dt{font-size:var(--fs-sm);color:var(--c-text-2);font-weight:600}.tool[data-tool=color-picker-from-screen] .fmt-list dd{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.tool[data-tool=color-picker-from-screen] .fmt-list code{overflow-wrap:anywhere}.tool[data-tool=color-picker-from-screen] .hist{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tool[data-tool=color-picker-from-screen] .chip-btn{border-radius:var(--r-md);border:1px solid var(--c-border-strong);cursor:pointer;block-size:2.75rem;inline-size:2.75rem}