.palette-extract-dialog__body{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.palette-extract-dialog__controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.palette-extract-dialog__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.palette-extract-dialog__controls input[type=number]{width:5rem;height:2rem;padding:0 var(--space-2);background:var(--color-surface-sunken);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm)}.palette-extract-dialog__controls input[type=number]:focus-visible{border-color:var(--color-interactive-focus-ring);box-shadow:0 0 0 2px var(--color-interactive-focus-ring);outline:none}.palette-extract-dialog__swatches{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));max-height:16rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.palette-extract-dialog__swatch{padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;font:inherit;text-align:left;color:var(--color-text-primary);transition:border-color var(--duration-quick) var(--ease-standard), box-shadow var(--duration-quick) var(--ease-standard);flex-direction:column;gap:2px;display:flex}.palette-extract-dialog__swatch:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.palette-extract-dialog__swatch:focus-visible{outline:2px solid var(--color-interactive-focus-ring);outline-offset:1px}.palette-extract-dialog__swatch-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.palette-extract-dialog__swatch-hex{font-size:var(--font-size-2xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.palette-extract-dialog__footer{justify-content:flex-end;display:flex}