.dream-color-swatch{position:relative;display:inline-block;flex:none;border-radius:8px;box-shadow:inset 0 0 0 1px #0f172a24;cursor:pointer}.dream-color-swatch--regular{width:40px;height:28px}.dream-color-swatch--small{width:32px;height:22px;border-radius:6px}.dream-color-swatch input[type=color]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.dream-color-field{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;cursor:pointer}.dream-color-field__label{min-width:0;font-size:calc(13px * var(--os-font-scale, 1));color:var(--system-text-primary, #1d1d1f)}.dream-color-field__control{display:inline-flex;flex:none;align-items:center;gap:8px}.dream-color-field__hex{font-size:calc(11px * var(--os-font-scale, 1));font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--system-text-tertiary, #94a3b8)}