.color-input[data-v-457c92d1]{align-items:center;gap:var(--space-2);display:flex}.color-input__swatch[data-v-457c92d1]{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;width:2.5rem;height:2rem;padding:2px}.color-input__hex[data-v-457c92d1]{min-width:0;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono,monospace);background:var(--color-bg);color:var(--color-text);flex:1}